title: Editing Value of X-Editable Field When EditableForm Opens
body: <p>I've currently got a list of editable datepicker fields like this:</p>
  
  <pre><code>&lt;a href="#" class="visit-date editable editable-click" id="visit-date531-396-1"&gt;05/01/2018*&lt;/a&gt;&lt;br&gt;
  &lt;a href="#" class="visit-date editable editable-click" id="visit-date531-397-1"&gt;05/03/2018*&lt;/a&gt;&lt;br&gt;
  &lt;a href="#" class="visit-date editable editable-click" id="visit-date531-377-1"&gt;05/10/2018*&lt;/a&gt;
  </code></pre>
  
  <p>Now, when I click on these fields, the datepicker field itself is blank. That's because the value of each element with the <code>*</code> cannot be parsed into a date and therefore it just shows empty in the field.</p>
  
  <p>How can I sanitize this value BEFORE editing the field so that the date is shown in the editable form text box?</p>
  
  <p>I've tried the below using the <code>value</code> option of the editable field:</p>
  
  <pre><code>value:function(input) {
      return $(this).text().replace(/\*/g, '');
  },
  </code></pre>
  
  <p>However, that does not work and in fact causes the editableform to fail completely (no editableform loads).</p>
  
  <p>Any ideas? Thanks!</p>