title: blur event doesn't trigger at first attempt
body: <p>I'm trying to update the DOM based on the value entered in a text box.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;input id="event-name" type="text"/&gt;
  </code></pre>
  
  <p>JQUERY: </p>
  
  <pre><code>$('#event-name').on('blur',function(){
    $.post("scripts/add-team-support.php",{eventName : eventName},function(minAndMaxString){
    //my code here
    });
  });
  </code></pre>
  
  <p>this works on the first blur in Chrome. When I tried it in opera, mozilla and edge it doesn't worked on the first attempt.</p>
  
  <p>It worked when I added this before the jquery.</p>
  
  <pre><code>$("#event-name").focus();
  $("#event-name").blur();
  $("#event-name").focus();
  </code></pre>
  
  <p>I did this to make the first $.post call to occur when the page opens.</p>
  
  <p>Why is this problem happening?
  How to solve this in a proper way?
  Please help!</p>