title: How to send form's action to ajax in vue
body: <p>Working with Larave 5.4, I have a table built with vue.</p>
  
  <p>Each row in the table has this form:</p>
  
  <pre><code>&lt;form @submit.prevent="submitForm" class="status-form" action="'/orders/' + row.Id + '/edit'" method="post"&gt;
     &lt;input type="hidden" name="status" value="2"&gt;
     &lt;button type="submit" class="btn btn-success btn-sm"&gt;Sent&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>My Route:
  Route::resource('orders', 'OrderController', ['except => show']);</p>
  
  <p>When the Sent button is clicked, I want to submit the form with AJAX.</p>
  
  <p>My Ajax call:</p>
  
  <pre><code>$.ajax({
    type: "PATCH",
    headers: { 'X-CSRF-TOKEN' : $('meta[name=_token]').attr('content') },
    url: $(this).attr('action'),
    data: { 'status': 2 },
    success: function(data) {
      alert($(this).attr('action'));
    }
  });
  </code></pre>
  
  <p>When I click the Sent button, I get this in Firebug:</p>
  
  <p>PATCH <a href="http://highland.local/orders" rel="nofollow noreferrer">http://highland.local/orders</a> 405 Method Not Allowed</p>
  
  <p>It looks like, it does not get the form's action correctly.
  How do I get the form's action from the form, in the ajax call?</p>