title: x-editable resetting fields
body: <p>i have the following html/php code (php tag ommited)</p>
  
  <pre><code>$user = array(
      'name' =&gt; Null,
      'address' =&gt; Null
  );  
  
  &lt;div id="user"&gt;
      &lt;a href="#"  id="cust_name" data-type="text"
           data-pk="'.$user['ag_id'].'" title="Enter customer name"&gt;'.$user['name'].'&lt;/a&gt;
      &lt;a href="#"  id="cust_addr" data-type="text"
           data-pk="'.$user['ag_id'].'" title="Enter customer address"&gt;'.$user['address'].'&lt;/a&gt;
      &lt;div class="modal-footer"&gt;
          &lt;button type="button" class="btn btn-default" id="ResetButton"&gt;Reset&lt;/button&gt;
      &lt;/div&gt;
      &lt;div class="modal-footer"&gt;
          &lt;button type="button" class="btn btn-primary" id="SaveButton"
               data-dismiss="modal"&gt;Save changes&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>could you please complete my resetbutton script, the purpose is to assign null to cust_name and cust_addr after the click.. here's the script</p>
  
  <pre><code>&lt;script&gt;
      $.fn.editable.defaults.mode = 'inline';
  
      $(function(){
          $('#user a').editable({
             url: 'post.php' 
          });
      });
  
      $("#SaveButton").click(function() {
          $.ajax({
              url: 'db.php',
              type: 'POST',
              data: {}
          });
      });
  
      $('#ResetButton').click(function() {
          // $('#cust_name').editable('setValue', null); // did not worked            
          // didn't worked even i added class="myeditable" in my &lt;a&gt; tag
          /*
          $('.myeditable').editable('setValue', null)
             .editable('option', 'pk', null)
             .removeClass('editable-unsaved');
          */
      });
  
  &lt;/script&gt; 
  </code></pre>