title: Jquery AJAX POST always ends in a blank page
body: <p>I am trying to submit a form on my page without refreshing it, using jquery and ajax, i am also using laravel.</p>
  
  <p>The url redirects to a route that updates the data from the form.</p>
  
  <p>e.preventDefault() is not working, saw many posts and solutions to this wich didnt work for me, i hope its not something obvious that im not seeing it.</p>
  
  <p>I tried multiple things and still couldnt figure out where is the problem.</p>
  
  <p><strong>FORM</strong></p>
  
  <pre><code>{{ Form::open(array('method'=&gt;'post','class'=&gt; 'profile_form ajaxpasswordreset','url'=&gt;'/resetpassword')) }}
                  &lt;label for="old_password"&gt; Current Password &lt;/label&gt;    
                  &lt;div class="form-group"&gt;
                      {!! Form::password('old_password', ['class'=&gt;'form-control']) !!}
                      @if ($errors-&gt;has('old_password'))
                          &lt;span class="help-block"&gt;
                              &lt;strong&gt;{{ $errors-&gt;first('old_password') }}&lt;/strong&gt;
                          &lt;/span&gt;
                      @endif
                  &lt;/div&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label for="old_password"&gt; New Password &lt;/label&gt;    
                      {!! Form::password('password', ['class'=&gt;'form-control']) !!}
                      @if ($errors-&gt;has('password'))
                          &lt;span class="help-block"&gt;
                              &lt;strong&gt;{{ $errors-&gt;first('password') }}&lt;/strong&gt;
                          &lt;/span&gt;
                      @endif
                  &lt;/div&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label for="old_password"&gt; Password confirmation &lt;/label&gt;    
                      {!! Form::password('password_confirmation', ['class'=&gt;'form-control']) !!}
                      @if ($errors-&gt;has('password_confirmation'))
                          &lt;span class="help-block"&gt;
                              &lt;strong&gt;{{ $errors-&gt;first('password_confirmation') }}&lt;/strong&gt;
                          &lt;/span&gt;
                      @endif
                  &lt;/div&gt;
                      &lt;button type="submit" id=""&gt; Alterar Password &lt;/button&gt;
                  {{Form::close()}}
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>&lt;script&gt;
      $(document).ready(function() {
  
          $('ajaxpasswordreset').on('submit', function(e) {
              e.preventDefault();
  
              $.ajaxSetup({
                  headers: {
                      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                  }
              });
  
              $.ajax({
                  method: 'POST',
                  data: $('ajaxpasswordreset').serialize(),
                  url: '/resetpassword', // This is the url we gave in the route
                  success: function(response){
                      var stack_bar_bottom = {"dir1": "up", "dir2": "right", "spacing1": 0, "spacing2": 0};
                      new PNotify ({
                          title: "Sucesso",
                          text: "Password alterada com sucesso! ",
                          styling: "bootstrap3",
                          addclass: "stack-bottomright custom",
                          nonblock: {
                              nonblock: true
                          },
                          stack: stack_bar_bottom
                      });                  
                  },
                  error: function(jqXHR, textStatus, errorThrown) {
                      var stack_bar_bottom = {"dir1": "up", "dir2": "right", "spacing1": 0, "spacing2": 0};
                      new PNotify ({
                          title: "Erro",
                          text: "Algo correu mal, tenta novamente.",
                          styling: "bootstrap3",
                          addclass: "stack-bottomright custom",
                          nonblock: {
                              nonblock: true
                          },
                          stack: stack_bar_bottom
                      });                     
                  }
              });
          });
      });
  &lt;/script&gt;
  </code></pre>