why can't I pass jquery objects as arguments in functions?
<p>I'm trying to pass a jQuery selected object into a function, and the function will do a <code>.html()</code> on it.</p>

<p>Html:</p>

<pre><code>&lt;div id="box"&gt;this is a box&lt;/div&gt;
</code></pre>

<p>Js:</p>

<pre><code>var fillBox = function(box, text) {
  box.html(text);
}

(function() {
  var box = $("#box");
  fillBox(box, "new text");
});
</code></pre>

<p>The box stays as <code>"this is a box"</code> and never gets updated, even tho the function is called. I even tried <code>$(box).html(text)</code> inside the function, but that doesn't fix it. Is this do-able?</p>

<p><a href="http://jsbin.com/iqixoj/5/edit" rel="nofollow">http://jsbin.com/iqixoj/5/edit</a></p>
