jQuery beginner - referencing HTML object passed into JS function
<p>It seems like there should be a better way to code this:</p>

<p>HTML snippet:</p>

<pre><code>&lt;label onclick="addstuff(this)" id="label_id"&gt;Hello&lt;/label&gt;
</code></pre>

<p>JS/jQuery snippet:</p>

<pre><code>function addstuff(field){
    $('#'+field.id).before('&lt;div&gt;Just a random element being added…&lt;/div&gt;');
}
</code></pre>

<p>I dislike that I am referencing my field in the Javascript by $('#'+field.id) when the field is already being passed in.  It seems like there should be another way to reference field in jQuery using the field object that is passed in, which in my mind should be more efficient, but I'm not having any luck figuring it out.  Any advice is greatly appreciated.</p>
