element.blur() will not fire / opacity will not set
<p>I've tried three ways to get form input labels to reset ( opacity to 1 ) after the user logs in via ajax. (these labels functions similar to twitter labels - opacity adjusts with use and effects set the font ).</p>

<ol>
<li><p>By calling .focus() and .blur().  I learned previously that they must be called together to properly fire a blur event.  A blur event will cause a reset.</p></li>
<li><p>By setting the opacity manually to 1.  This is the end result I need.</p></li>
<li><p>By adjusting the way I pull the element in...from using built if forms.elements to document.getElementById().</p></li>
</ol>

<p>All 3 do not work, particularly when the user hits enter.  The label is never reset.  Code is below.</p>

<p>The issue is that when the user logs out after signing in...the labels are not there on the splash page. </p>

<pre><code>for( var key in form_elements ) {
    object_pipe.page[ form_elements[key].name ] = form_elements[key].value ;
    form_elements[key].value ='';
    /* This does nothing
    form_elements[key].focus();
    form_elements[key].blur();
    */
}
/*
 this does nothing
*/
document.getElementById('signin_pass_input').focus();
document.getElementById('signin_pass_input').blur(); 
document.getElementById('signin_email_input').focus();
document.getElementById('signin_email_input').blur();

/* This does nothing
document.getElementById('signin_pass_label').style.opacity = 1; 
document.getElementById('signin_email_label').style.opacity = 1;
*/
console.log('This is where nothing happened');
return object_pipe;
</code></pre>
