title: Disable click event and call it on blur event of select dropdown using Jquery
body: <p>I have multi select dropdown of countries.On change event of this select dropdown,the ajax form submit is triggered.</p>
  
  <pre><code>  &lt;select name='country[]' id='country' multiple='multiple'&gt;
        &lt;option value='1'&gt;USA&lt;/option&gt;
        &lt;option value='2'&gt;India&lt;/option&gt;
        &lt;option value='3'&gt;Japan&lt;/option&gt;
    &lt;/select&gt;
  </code></pre>
  
  <p>I want to disable on change event ajax form submit and call the ajax submit on blur event of select dropdown.</p>
  
  <p>How can I do that using Jquery?</p>
  
  <p>Here is the on change jquery code</p>
  
  <pre><code>  $('#country').change(function() {
      //ajax form submit 
      $.post("form_save.php", $("#form").serialize());
    });
  </code></pre>