title: Can i prevent blur event from happening?
body: <p>I have a simple example where i have an <code>input</code> field and i put a <code>blur</code> and <code>change</code> event on it:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;input name="test" value=""/&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$('input').change(function(e){
  
   alert('change'); 
  
  });
  
  $('input').blur(function(e){
  
   alert('blur'); 
  });
  </code></pre>
  
  <p>Is it possible to prevent the <code>blur</code> event from happening if the <code>change</code> event was triggered?</p>
  
  <p>One way would be to define a boolean that changes when the change event was triggered, but I don't like it, is there a better way?  </p>
  
  <p><a href="http://codepen.io/anon/pen/JCExL" rel="noreferrer">Here</a> is an example you can play with.</p>