button problem with jquery?
<p>I have this button, and when clicked, it sends an ajax call which changes the value of score_up. </p>

<p>I dont see what the problem is. I tried firbug, but apparently it's not even detecting the javscript? :)) Thanks.</p>

<p>jquery:</p>

<pre><code>$('.stats').delegate('.support', 'click', function(e) {

      //stop event
      e.preventDefault();
      //get the id
       var the_id = $(this).closest('.score').attr('id').split('_').pop();
        //the main ajax request
       $.ajax({
           context:this,
           type: "POST",
           data: "action=support&amp;id=" + the_id,
           url: "ajax/sa.php",
          success: function (msg) {

               $(this).siblings("h2.score_up").html(msg).fadeIn();
                //remove down button
                // and remove support button


           }
      });
   });
</code></pre>

<p>html:</p>

<pre><code> &lt;ul class="stats"&gt;
        &lt;li id="support_23"class="score"&gt;
            &lt;h2 class="score_up"&gt;12&lt;/h2&gt;
            &lt;span style="text-align:center;"&gt;Supporters&lt;/span&gt;
        &lt;/li&gt;
        &lt;li&gt;
    &lt;button type="submit" value="Actions" class="support" title="support"&gt;
        &lt;i&gt;&lt;/i&gt;
        &lt;span&gt;Support&lt;/span&gt;
    &lt;/button&gt;
&lt;/li&gt;


//vote down button

 &lt;li id="down_23"class="score"&gt;
            &lt;h2 class="score_down"&gt;12&lt;/h2&gt;
            &lt;span style="text-align:center;"&gt;down&lt;/span&gt;
        &lt;/li&gt;
        &lt;li&gt;
    &lt;button type="submit" value="Actions" class="down" title="down"&gt;
        &lt;i&gt;&lt;/i&gt;
        &lt;span&gt;down&lt;/span&gt;
    &lt;/button&gt;
&lt;/li&gt;

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