title: Laravel ajax 422 Unprocessable Entity even when token is matching
body: <p>I'm getting 422 Unprocessable Entity error even when I'm submitting my form via Ajax.</p>
  
  <p><strong>My javascript file</strong></p>
  
  <pre><code>$.ajaxSetup({
      headers: {
          'X-XSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }
  });
  
  $('.keywords-plan-form').submit(function(event) {
      event.preventDefault();
  
      $.ajax({
          url: '/laravel/public/keywordsplans',
          type: 'POST',
          data: $(this).serialize(),
          success: function(data){
              alert(data);
              // success logic
          },
          error: function(data){
              // Error...
              var errors = $.parseJSON(data.responseText);
  
              console.log(errors);
  
              $.each(errors, function(index, value) {
  
              });
  
          }
      });
  
  });
  </code></pre>
  
  <p>as you can see I added <strong>X-XSRF-TOKEN****strong text</strong> to ajax header.</p>
  
  <p><strong>This is my '' tag</strong></p>
  
  <pre><code>&lt;meta name="csrf-token" content="{{ csrf_token() }}"&gt;
  </code></pre>
  
  <p>my <strong>Form Data</strong> in chrome debuger</p>
  
  <pre><code>_token:5j6DGhhTytbIRB1GrW9Wml9XrOxmKjgE9RiGa4Gf
  date:
  keyword[0]:Lorem ipsum
  keyword[1]:Is dolor amet
  keyword[2]:plumber tampa
  </code></pre>
  
  <p><strong>Request Headers</strong></p>
  
  <pre><code>X-XSRF-TOKEN:5j6DGhhTytbIRB1GrW9Wml9XrOxmKjgE9RiGa4Gf
  .....
  </code></pre>
  
  <p>am I doing something wrong or forgetting something?</p>