title: populate div with data from jquery ajax post request to server
body: <p>I have a jquery function in my view that post a request to the server:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
          jQuery(function ($) {
              $(document).ready(function()
              {
                  var form = $('form');
                  form.submit(function(e){
                      e.preventDefault();
                      $.ajax({
                          url: form.prop('action'),
                          type: 'post',
                          dataType: 'json',
                          data: form.serialize(),
                          success: function(data)
                          {
                              console.log(data);
                          }
  
                      })
                  });
  
              });
          });
      &lt;/script&gt;
  </code></pre>
  
  <p>the route spits back an array of objects:</p>
  
  <pre><code>Route::post('modelsearch', function () {
  
      $brand_id = Input::get('brand_id');
      $size_id = Input::get('size_id');
  
      $models = DB::table('pants_models')
          -&gt;where('brand_id', '=', $brand_id)
          -&gt;Where('size_id', '=', $size_id)
          -&gt;get();
  
      return Response()-&gt;json(array($models));
  
  
  });
  </code></pre>
  
  <p>I want to manipulate the returned array and post the html to a <code>#results div</code> in the view.
  How do you do it in the callback success function? I can't seem to find an answer.</p>