title: Laravel Response::json is not working
body: <p>I have a Form as follows </p>
  
  <pre><code>{{ Form::model($user, array('method' =&gt; 'POST','id'=&gt;'personalInformation', 'class'=&gt;'form-horizontal','route' =&gt; array('user.updatepersonalinformation', $user-&gt;id))) }}
                          &lt;div class="form-group"&gt;
                              &lt;label class="control-label"&gt;First Name&lt;/label&gt;
                              &lt;input type="text" placeholder="John" class="form-control"/&gt;
                          &lt;/div&gt;
  
  
                          &lt;div class="margiv-top-10"&gt;
                              &lt;button  id="#btnSavePersonalInformation"  class="btn green"&gt;Save Personal Information &lt;/button&gt;
                              &lt;a href="#" class="btn default"&gt;Cancel &lt;/a&gt;
                          &lt;/div&gt;
  {{Form::close()}}
  </code></pre>
  
  <p>and a route as such </p>
  
  <pre><code>Route::post('savePersonalInformation/{id}',['uses'=&gt;'UsersController@savePersonalInformation', 'as'=&gt;'user.updatepersonalinformation']);
  </code></pre>
  
  <p>The route method is plain and simple </p>
  
  <pre><code>    public function savePersonalInformation($id) {
  
      return Response::json(array('user' =&gt; $id));
  }
  </code></pre>
  
  <p>I wish to submit this form using ajax. To this effect, I have the following code </p>
  
  <pre><code>$('#btnSavePersonalInformation').click(function() {
      var personalForm = $('#personalInformation');
  
      personalForm.submit(function(e){
          e.preventDefault();
          $.ajax({
              type:'POST',
              url: personalForm.attr('action'),
              data: personalForm.serialize(),
              dataType: "json"
          })
          .done(function (response) {
              var jsonResponse = JSON().parse(response);
              alert  (jsonResponse[0]['Userid']);
  
          })
          .fail(function (response) {
              // Sending request to the server has failed
              // We'll show a notification that something went wrong
              console.log(response);
  
          })
  
      });
  });
  </code></pre>
  
  <p>The form is called the exact message is in the route is dumped onto the screen, but no alert boxes are fired. What I mean is the result is dumped to the browser instead of me showing it to the user via the alert box . </p>
  
  <p>Can you please point out what I am doing wrong here ?  </p>
  
  <p><strong>Update</strong>
  As stated below , I removed the JSON parse command altogether but I am still getting the same result. 
  Here is the updated code </p>
  
  <pre><code>   $('#btnSavePersonalInformation').click(function() {
      var personalForm = $('#personalInformation');
  
      personalForm.submit(function(e){
          e.preventDefault();
          $.ajax({
              type:'POST',
              url: personalForm.attr('action'),
              data: personalForm.serialize(),
              dataType: "json"
          })
              .done(function (response) {
  
                  alert  (response);
  
              })
              .fail(function (response) {
                  // Sending request to the server has failed
                  // We'll show a notification that something went wrong
                  console.log(response);
  
              })
  
      });
  });
  </code></pre>
  
  <p>thanks </p>