title: delete table row using jQuery and Ajax
body: <p>Hi Friends I am new in jquery and want to learn Ajax I developed a simple code in which i am deleting rows of table and the length of the row will updating in one div you can check fiddle <a href="http://jsfiddle.net/wWxWm/" rel="nofollow">here</a> or you can see me code below</p>
  
  <p><strong>SCRIPT</strong></p>
  
  <pre><code>var len = $('table tr').length;
  
  $('.shopItems').text('items in your cart '+len);
  
  $('.del').click(function(){
  
      var len = $('table tr').length;
      var len = len - 1;
      $('.shopItems').text('items in your cart '+len);
      //alert(len)
  
  
  
  
  if(len == 0)
  {
  $('table').remove();
      $('.empty').show();
  }
      else{
      $(this).parent('tr').remove();
          len--;
      }
  
  
  })
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="shopItems"&gt;&lt;/div&gt;
  
  &lt;div class="empty" &gt;Your Cart is empty&lt;/div&gt;
  
  &lt;table width="100%"&gt;
      &lt;tr&gt;
          &lt;td&gt;Image&lt;/td&gt;
          &lt;td&gt;Discription&lt;/td&gt;
          &lt;td class="del"&gt;X&lt;/td&gt;        
      &lt;/tr&gt;
          &lt;tr&gt;
          &lt;td&gt;Image&lt;/td&gt;
          &lt;td&gt;Discription&lt;/td&gt;
          &lt;td class="del"&gt;X&lt;/td&gt;        
      &lt;/tr&gt;
          &lt;tr&gt;
          &lt;td&gt;Image&lt;/td&gt;
          &lt;td&gt;Discription&lt;/td&gt;
          &lt;td class="del"&gt;X&lt;/td&gt;        
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.empty{display:none;}
  </code></pre>
  
  <p>My question is can i do this same thing using with Ajax and how please help me.</p>
  
  <p>Thanks in advance....</p>