Change property of a Jquery object?
<p>I'm using a Facebook-like autocomplete jquery library found at:</p>

<p><a href="http://otisbean.com/dropbox/jquery.tokeninput.js" rel="nofollow">http://otisbean.com/dropbox/jquery.tokeninput.js</a></p>

<p>In my own html code, I have the following which works fine</p>

<pre><code>&lt;script type="text/javascript" language="javascript"&gt;

        $(document).ready(function() {
                $("#my_input_field").tokenInput("http://mysite.com/channel/1", {
                        classes: {
                                tokenList: "token-input-list-facebook",
                                inputToken: "token-input-input-token-facebook"
                        }
                });
        });

&lt;/script&gt;
</code></pre>

<p>However, I want to create an html button that when clicked, will change <a href="http://mysite.com/channel/1" rel="nofollow">http://mysite.com/channel/1</a> to <a href="http://mysite.com/channel/2" rel="nofollow">http://mysite.com/channel/2</a>.</p>

<p>So in my html button looks something like:</p>

<pre><code>&lt;input type="button" onclick="$('#my_input_field').url = 'http://mysite.com/channel/2'" /&gt;
</code></pre>

<p>That didn't work because .url property is not defined.  I don't know how to find the relevant property of this object.  How do I debug all this?  Can anyone offer suggestions?</p>

<p>Thanks</p>
