title: DataTable JQuery How to remove a row from a table based on an ID?
body: <p>I have a web application where you can drag and drop pictures into boxes. If you drop it in the one it will add the picture's information to the datatable, if you drop in the left it will remove the data from the datatable. I was wondering If there was a way I could remove the row based on the id?</p>
  
  <pre><code>$('#pictures')
      .dataTable({
          "columnDefs": [{
                  "orderable": false,
                  "targets": 1
              },
              {
                  "orderable": false,
                  "targets": 3
              }
          ]
      });
  var t = $('#pictures')
      .DataTable();
  
  
  $("#left")
      .droppable({
          accept: ".draggable",
          drop: function (event, ui) {
              console.log("drop");
              $(this)
                  .removeClass("border")
                  .removeClass("over");
              var dropped = ui.draggable;
              var droppedOn = $(this);
              $(dropped)
                  .detach()
                  .css({
                      top: 0,
                      left: 0
                  })
                  .appendTo(droppedOn);
  
              var $id = $(this)
                  .children()
                  .last()
                  .attr('id');
              var rowId = pictures[id].id;
              t.row(pictures[$id].id)
                  .remove()
                  .draw(false);
          }
      });
  </code></pre>
  
  <p>This obviously isn't the entire thing; however, I think this is enough to identify any problems.</p>