Update .HTML with jQuery on button click
<p>I'm having trouble updating the HTML within an element with jQuery.
I have a form thats hidden, and onclick becomes visible, Im not sure if this can be the problem but for some reason I cant get it working? </p>

<p>My jQuery is...</p>

<pre><code>   $(".bill-upd-submit").click(function() {
          var elem = $(this);
          $.post("update_bill.php", elem.parent(".bill-upd").serialize(), function(data) {

                 $(this).closest('li').find('.cost').html('asdasd');
                 return false;

                alert('done');
          });
    });
</code></pre>

<p>I've made a fiddle to show it in action...
<a href="http://jsfiddle.net/jTzyQ/1/" rel="nofollow">http://jsfiddle.net/jTzyQ/1/</a></p>

<p>What im trying to do is update the  
