Understanding javascript variables
<p>I am trying to better understand how variables are stored with JavaScript and jQuery.</p>

<p>Using the below code, a separate variable called default_value is created for each .default-value element. Is this correct?  Can it only be accessed from within the anonymous function that created it?  I've heard the term "namespace", and does it apply?  Please provide any additional details so I can better understand what is going on.</p>

<p>Next, if I wanted to apply this to an element with a given ID instead of a group of a given class, then using each() appears unnecessary.  How should it be modified?</p>

<pre><code>$('.default-value').each(function() {
    var default_value = this.value;
    $(this).focus(function() {
        if(this.value == default_value) {
            this.value = '';
        }
    });
    $(this).blur(function() {
        if($.trim(this.value) == '') {
            this.value = default_value;
        }
    });
});
</code></pre>
