Как обновить номер в html через javascript?

Question

После голосования голосов я хочу обновить счет.

<form class="vote-form" action=""> 
    <div id="{{key}}" class="vote-count">{{votes}}</div> 
    <input class="vote-button" type="submit" class="text-button" value="vote+"/> 
    <input type="hidden" class="brag" name="brag" value="{{key}}"> 
    <input type="hidden" class="voter" name="voter" value="{{current_user.fb_id}}"> 
</form> 

<script type="text/javascript"> 
    $(function() { 
    $('.error').hide(); 
    $(".vote-form").submit(function() { 
     var inputs = $(this).find('input:hidden'); 
     var key = $('input.brag', this).val(); 
     $.ajax({ 
     type: "POST", 
     url: "/bean", 
     data: inputs, 
     success: function() { 
      //not sure how to do this, I want to increment {{votes}} 
      $('#' + key).innerHTML = "foo"; 
     } 
     }); 
     return false; 
    }); 
    }); 
</script> 

Answer 1

var $div = $('#' + key), 
    intValue = parseInt($div.html(), 10); 

$div.html(++intValue); 

Answer 2

Если вы хотите, чтобы слепо добавить 1 к тому, что значение в HTML уже:

$('#'+key).html(function(i,old){ return old*1 + 1; }); 

Я бы, однако, адвокат, имеющий сервер вернуть правильный подсчет голосов в ответ /bean и используя это для обновления HTML.