jquery Selector which is more optimal and why?
<p>My question is in 2 parts:</p>

<p>In jQuery, is it more efficient/optimal/best practice to assign an object to <code>$.</code> or a normal <code>var</code>? </p>

<p>e.g. </p>

<pre><code>$.fname = $('#FirstName');
</code></pre>

<p>or </p>

<pre><code>var fname = $('FirstName');
</code></pre>

<p>And also, is it good practice to assign them globally? e.g.</p>

<pre><code>$(function() {
    $.fname = $('#FirstName');

    $.fname.change(function() { /*.....*/ });

});
</code></pre>

<p>Can you please give reasons why and how which is faster? I just want a better understanding of this. Thanks!</p>
