title: How to output the response HTML data by a jQuery AJAX request?
body: <p>I have an online shop with a shopping cart. The cart, which is a <code>&lt;table&gt;</code>, refreshes its content after adding an article to the cart.<br /><br />
  I use jQuery's AJAX method which receives HTML <code>&lt;td&gt;&lt;tr&gt;</code> as a response from the called PHP script.
  Firebug's console shows the <strong>correct response</strong> from the call.<br /><br />
  As you can see in my code, I want to <strong>add HTML to the table</strong>. I can't get it to work.
  Do I not understand the AJAX method? I want to add these <code>&lt;td&gt;&lt;tr&gt;</code> to the shopping cart table.</p>
  <h3>JavaScript (Using jQuery 1.9.1)</h3>
  <pre><code>$.ajax({
      url: 'php/addToShoppingCart.php',
      type: 'POST',
      dataType: 'html',
      data: content,
  
      complete: function(data) {  
          $('#shop section table tbody').append(data);
      },
  });
  </code></pre>
  <hr />
  <h3>Firebug console</h3>
  <p><img src="https://i.stack.imgur.com/wZ0PF.jpg" alt="enter image description here" /></p>