title: Why Does JQuery Append Reverse The Order of My Statement ?
body: <p>I'm news to JS.  I am using this Ajax call. It works fine, except that for some reason the <strong>"input type-"checkbox"</strong> always appears first on the screen, when in fact I want it second to the <strong>product_name</strong>.  I have tried swapping it the other way around, and the checkbox always come first. </p>
  
  <p>What can I do to get the product_name first, then the checkbox ? </p>
  
  <pre><code> $.ajax({                                                                        // if this is a CREATE QUOTE, we use the product_id to grab the PRICE using AJAX //
          type: 'GET',
          dataType:"json",
          url: 'category_prices/' + value,
          success: function (categories) {
           $cat_products.empty();
           $.each(categories,function(i, product){
           $cat_products.append('&lt;p col-sm-2 col-md-2 col-md-offset-0&gt;' +product.product_name+ '&lt;input type="checkbox" class="col-sm-1 col-md-1 col-md-offset-2" value="cat_id"&gt;  &lt;/p&gt;') 
              });
  
          }
      });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code> &lt;div class="cat_products"&gt;&lt;/div&gt;
  </code></pre>