title: jQuery assigning a variable with click()
body: <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>