title: need to click 2 times to lose focus
body: <p>In my form, I have some fields on which I have applied <code>onblur</code> event. Problem is if I click on save directly after entering some field, save does not get called. I need to click twice.
  For more clarifications, refer to steps below and code snippet is also attached.</p>
  
  <p>1) Enter some value in input box<br>
  2) Lose focus by either tabing out or clicking somewhere else on screen<br>
  3) it works fine and function triggerOnBlur gets invoked<br>
  4) now enter some value in input box again<br>
  5) straight away click on save button, without clicking anywhere else<br>
  6) function triggerOnBlur gets invoked, but in order to click save button, I need to click on save. </p>
  
  <p>I want to get it done in one click..</p>
  
  <pre><code> &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script&gt;
  function triggerOnBlur()
  {
  alert("onblur event triggered");
  }
  
  function triggerSaveButton()
  {
  alert("save button");
  }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;form&gt;
  &lt;input type = "text" onblur = "triggerOnBlur()" /&gt;
  &lt;input type = "submit" value = "Save" onclick = "triggerSaveButton()" /&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>