text change on jquery :ischecked
<p>I am trying to build a function to change the text on checkbox selection, please check following...</p>

<p>Jquery code</p>

<pre><code>$(document).ready(function() {
if($('#active').is(':checked')) {
    $('strong', '#status').text('Active');
}
else {
    $('strong', '#status').text('Inactive');
}
});
</code></pre>

<p>Html Form</p>

<pre><code> &lt;span id="status"&gt;&lt;input name="active" type="checkbox" value="1" id="active" /&gt;
&lt;strong&gt;Active&lt;/strong&gt;&lt;/span&gt;
</code></pre>

<p>It works perfect when page loads, but if we change value of #active or we click #active it doesn't change text like active or inactive. thanks for help.</p>
