title: AJAX: add new row to table or remove using AJAX
body: <p>This is the logic:
  I input something to form, and the form is AJAX live search. after I found value, I click on add button and it creates new row in existing table / tbody.</p>
  
  <pre><code>&lt;table class="standard"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;td colspan="2"&gt;
                  Start Input barcode / Product Name
              &lt;/td&gt;
              &lt;td colspan="4"&gt;
                  &lt;input type="text" size="90" value="" placeholder="Barcode / Product Name"&gt;
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;button class="tambah"&gt;&lt;i class="icon-plus"&gt;&lt;/i&gt; Add&lt;/button&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
              &lt;td&gt;
                  No.
              &lt;/td&gt;
              &lt;td&gt;
                  Kode Barang
              &lt;/td&gt;
              &lt;td&gt;
                  Nama Barang
              &lt;/td&gt;
              &lt;td&gt;
                  Qty
              &lt;/td&gt;
              &lt;td&gt;
                  Harga
              &lt;/td&gt;
              &lt;td&gt;
                  Disc %
              &lt;/td&gt;
              &lt;td&gt;
                  Total
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
  
      &lt;!-- when button add is click that will add &lt;tr&gt;&lt;/tr&gt; here --&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>can i do that? if so, how?</p>
  
  <p>Fiddle Example: <a href="http://jsfiddle.net/anggagewor/cauPH/">http://jsfiddle.net/anggagewor/cauPH/</a></p>