How do I make a input field active after I tick a checkbox, using JQuery?
<p>I have this code I wrote but it doesnt seem to be working, see below:</p>

<pre><code>$('#Reserve, #BuyItNowPrice, #featureplate').attr('disabled','disabled');
$('.fake-fieldset .fake-input').css({'background-color':'#e1e1e1'});

$('.enable').click(function(){

    if($('.enable:checked')){
        $(this).closest('input').removeAttr('disabled');
    }
    else{
        $(this).closest('input').attr('disabled','disabled');
    }
});
</code></pre>

<p>This HTML structure is repeated 3 times in my code, see below</p>

<pre><code>   &lt;strong&gt;&lt;input type="checkbox" class="enable" /&gt; Specify Buy It Now Price&lt;/strong&gt;
   &lt;div class="fake-fieldset"&gt;
     &lt;div class="fake-input"&gt;
       &lt;span&gt;&amp;pound;&amp;nbsp;&lt;/span&gt;
         &lt;input type="text" id="BuyItNowPrice" name="BuyItNowPrice" value="" /&gt;
     &lt;/div&gt;
   &lt;/div&gt;
</code></pre>

<p>What I'd like to happen is when I check <code>.enable</code> the closest input should become active so the user can type a value</p>

<p>Any help would be greatly appreciated, Thanks </p>
