title: X-Editable _POST method
body: <p>I'm using X-Editable and I want to pass a simple value to other page using the _post method and I receive this error:</p>
  
  <p>Notice: Undefined index: first_name in ...</p>
  
  <p>Here my code:</p>
  
  <p>this is a simple html page that have this code:</p>
  
  <pre><code>&lt;form method="post" action="update.php"&gt;
      &lt;a href="#" id="first_name" data-type="text" data-url="/post" data-title="Edit First Name" class="editable editable-click"&gt;BILL GATES&lt;/a&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Here my javascript code:</p>
  
  <pre><code>$(document).ready(function() {
  
  //toggle `popup` / `inline` mode
  $.fn.editable.defaults.mode = 'popup';     
  
  //--------------------------------------------------------------------------------------------
  //First Name
  $('#first_name').editable({         
      validate: function(value) {
     //Not Empty  
         if($.trim(value) == '') return 'The First Name is required';
  
         //More than 3 and less than 20
         if($.trim(value.length) &lt;4) return 'The First Name must be more than 3 and less than 20 characters';
         //Less than 20
         if($.trim(value.length) &gt;20) return 'The First Name must be more than 3 and less than 20 characters';           
      }
  });
  </code></pre>
  
  <p>And here I want to capture the value in the php code:</p>
  
  <pre><code>$first_name = $_POST['first_name'];
  echo $first_name."&lt;br&gt;";
  </code></pre>
  
  <p>and I receive this: </p>
  
  <blockquote>
    <p>Notice: Undefined index: first_name in ...</p>
  </blockquote>
  
  <p>Please any advice or suggestion?</p>
  
  <p>Regards...</p>