Revert style applied from focus after blur
<p>When a user focuses on a text field, I want that text in that text field to change colors (among several other properties). When the user leaves that field (blur), I want the text/style to appear as it was before the focus. Currently I am doing it in what seems to be a repetitious way.</p>

<pre><code>$('#name1').focus(function() {
    $(this).css('color', 'red')
});
$('#name1').blur(function() {
        $(this).css('color', 'black')
});
</code></pre>

<p>How would I do this something like:</p>

<pre><code>$('#name1').blur(function() {
        $(this).beforeFocus();
});
</code></pre>
