jQuery assigning a variable with click()
<p>I have a simple function in which a user will click on a div, the div contains a value attribute which is a unique URL, and then my jQuery should read that attribute and fire off an ajax request based upon that unique URL.</p>

<pre><code>$("#user_result").click(function(){         
    var loadUrl = $(this).attr("value");
    $("#user_profile").html(ajax_load).load(loadUrl);
});
</code></pre>

<p>It works for the very first element in my list, where the <code>value="{{URL}}"</code> attribute is in the <code>div#user_result</code>:</p>

<pre><code>&lt;div id="user_result" onmouseover="ChangeColor(this, true);" onmouseout="ChangeColor(this, false);" value="{% url accounts.views.quickview user.user %}"&gt;
    &lt;div id="user_thumbnail"&gt;
            &lt;img height="50px" width="50px" src="/static/{%if user.thumbnail %}{{user.thumbnail}}{%else%}cms/images/profile_default.png{%endif%}"&gt; 
    &lt;/div&gt;
    &lt;div id="user_teaser"&gt;
        &lt;span id="fullname"&gt;{{user.fullname}}&lt;/span&gt;
        &lt;span id="title"&gt; {{user.title}} &lt;/span&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>But it never works for any of the other elements that I click. </p>

<p>How can I ensure that the var continues to get assigned a new value with each click?</p>
