Jquery how do I add +1 to a number in a table
<p>So I am generating a table with php/mysql, and in this table are numbers in rows. I have a button that when clicked, adds +1 to this number value <strong>in the MySQL database</strong>. The problem is, I have to refresh the page for the new number to show up in the table.</p>

<p>I am attempting to show the new number immediatly through a function on the <strong>success</strong> of the jquery button click event.  So essentially I need to identify the HTML generated number in the table, then add +1 to it.</p>

<p>The problem is, the table is generated with a <strong>while</strong> function in php, so each row gets its own ID on the fly.</p>

<p>Hope this all makes sense.</p>

<p>Here is my Jquery code so far.</p>

<pre><code>   $('.upArrow').click(function(){
   //this is finding the uparrow button that adds +1
   var row = $(this).attr('rowid');

    $.ajax({
    type: "GET",
    url: "upArrow.php?id="+row,
    cache: false,
    async: false,
    success: function(result){
    //this is tricky part, how do I select the displayed number part of the
    // table, then Add 1?

    },
    error: function(result){
        alert('Error, please try again.');
    }
    });
});
</code></pre>

<p>Edit: Here is a piece of my HTML table:</p>

<pre><code>    &lt;td id="musicDisplay" colspan="2"&gt;

    &lt;div id="newUpArrow"&gt;
        &lt;a href="javascript:void(0)" class = "upArrow"
        rowid="' . $row['id'] . '"&gt;&lt;img src="../Img/upArrow.gif"/&gt;
            &lt;/a&gt; &lt;/div&gt;

     &lt;!--Here is the number I want to change.--&gt;
    &lt;div&gt;'. $row['points'] . '&lt;/div&gt;
 &lt;/td&gt;
</code></pre>
