title: How should I fire Javascript blur event after click event that causes the blur?
body: <p>I have run into this problem a few times and I'm not happy with the solutions I've used before.</p>
  
  <p>I have an input box with a blur event that validates the content of it and a button which will fill the input box on click. The problem is clicking the button fires the input blur event and then the button click event so content inserted by the button is not what is validated.</p>
  
  <p>See <a href="http://jsfiddle.net/jakecr/dL3K3/" rel="noreferrer">http://jsfiddle.net/jakecr/dL3K3/</a></p>
  
  <p>I know this is the correct behavior but I can't think of a clean way to get around the problem.</p>