how to set a table cell to a value when next sibling td's checkbox is checked
<p>this is my code:</p>

<pre><code> ...
    &lt;td class="paymentStatus"&gt;@Model.paymentStatus&lt;/td&gt;
    &lt;td&gt;&lt;input type="checkbox" class="checkbox"/&gt;&lt;/td&gt;
 &lt;/tr&gt;
</code></pre>

<p>What I'm wanting to do is that when the checkbox is checked set the paymentStatus td text to be "Payment Checked"</p>

<p>I tried this:</p>

<pre><code>$(".checkbox").change(function () {
    if ($(this).is(":checked")) {

        $(this).closest('.paymentStatus').text("Payment Checked");
    }
});
</code></pre>

<p>Doesn't work. Anyone know why and how to fix?</p>
