Variable getting stuck, won't change
<p>So I have a list of elements like:</p>

<pre><code>&lt;span class="rank" id="someID1" user_id="1"&gt;Whatever 1&lt;/span&gt;
&lt;span class="rank" id="someID2" user_id="2"&gt;Whatever 2&lt;/span&gt;
&lt;span class="rank" id="someID3" user_id="3"&gt;Whatever 3&lt;/span&gt;
</code></pre>

<p>And I have a JQuery Selector set up like: </p>

<pre><code>$(".rank").click(function(){
    var url = "utilities.php?id=" + $(this).attr("user_id");
    $(".rank").editable("save_url", {
        loadurl: url, type: "select" });
});
</code></pre>

<p>Now, the issue is that no matter which one I click, the "user_id" is always whatever the first one I click is.  It's very frustrating and I don't understand why it's sticking.  If If use console.log to check the URL, the id is set properly, but then in the Ajax call it's the first one that I clicked for every one of them.</p>
