blur() does not work programatically | but does when initiated from the user
<p>This works in clearing in input after a user submits it via ajax on a single input form.</p>

<pre><code>var tweet_input = document.getElementById( 'tweet_input' );
tweet_input.value='';
tweet_input.blur();
</code></pre>

<p>However on a 3 input field orm this does not:</p>

<pre><code>var input_url = document.getElementById( 'bookmark_input_url' );
    input_url.value='';
var input_title = document.getElementById( 'bookmark_input_title' );
    input_title.value='';
var input_tag = document.getElementById( 'bookmark_input_tag' );
    input_tag.value='';

input_title.blur();
input_url.blur();
input_tag.blur(); 
</code></pre>

<p>Only the last element is actually blurred.  Not sure what is going on here with the other two or how to troubleshoot.</p>

<p>Basically I have Event Listeners that fire on a blur(), they work fine on an actual user blur(), but when I try to initiate them programatically only one works.</p>
