title: How to call a function on click in x-editable form (Twitter Bootstrap)
body: <p>I have a input text field inside a div(x-editable form). I need to call a Jquery function on the button click. How to do so.?</p>
  
  <p>This is my div</p>
  
  <pre><code>&lt;div class="input-append"&gt;&lt;input type="text" id="WorkloadName" placeholder="enter your workload name" name=""&gt;&lt;/div&gt;
  </code></pre>
  
  <p>This is my jquery function for x-editable form</p>
  
  <pre><code>jQuery.noConflict();
          (function($) { 
            $(function() {
            jQuery.fn.editable.defaults.mode = 'inline';
              jQuery('#WLElementName').editable();
  });
  })(jQuery);
  </code></pre>
  
  <p>In x-editable form after clicking the textfield a form will appear, i need to call the function on the click of the submit button (blue button with tick mark, I could not post the image here since I don't have enough reputation score)</p>
  
  <p>I tried calling the function using the class name of the button but its not coming. please help me to fix this</p>