title: delete tr element in jquery
body: <p>I have a table of tr elements in which i click on an delete for each row, it deletes itself from the table. my html is as below</p>
  
  <pre><code>&lt;tr class="tr_body"&gt;
      &lt;td&gt;
      &lt;input type="text" class="fabric_input createWOBlockBG small ui-autocomplete-input" name="basefabrics[]" onfocus ="loadUniqueAjax(' . "'fabric_input'" . ')" autocomplete="off"&gt;
      &lt;/td&gt;
      &lt;td&gt;
      &lt;input type="text" class="fac_input createWOBlockBG small ui-autocomplete-input" name="facSnapshots[]" id="facSnapshot" autocomplete="off"&gt;
      &lt;/td&gt;
      &lt;td&gt;
      &lt;a class ="deleteRow"&gt;delete&lt;/a&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>and my jquery is as below</p>
  
  <pre><code>$('.deleteRow').click(function(){
  
      var elementDelete = $(this).parent().parent();
      $('#tablelist').remove(elementDelete);
  
  });
  </code></pre>
  
  <p>however it returns a Uncaught TypeError: Object [object Object] has no method 'replace'  when i click on the deleteRow anchor tag. Thanks in advance for the help.</p>