When I select the boxes, I want the text fields to become editable. At first it works but if I reload the page with the boxes checked, it will do the opposite of what it is supposed to do (i.e. after page is reloaded, when the boxes aren't checked, the text fields are editable; when checked, they become un-editable)

```
<table>
<tr>    
    <td>
        <input type="checkbox" name="Download_Limit" value="download" class="checkme"/>Download Limit
        <br/>   
        <input type="text" name="download" class="text required" id="Download_Input" size="3">
        <label class="description" for="Expire">Downloads</label>   
    </td>
</tr>
<tr>    
    <td>
        <input type="checkbox" name="Time_Limit" value="time"  class="checkme"/>Time Limit
        <br/>
        <input type="text" name="time" class="text required" id="Time_Input" size="3">
        <label class="description" for="Expire">Hours</label>
    </td>
</tr>

```

My Javascript

```
$('.checkme').attr('checked', false);
$('.checkme').click(function(){
    if($('input[name='+ $(this).attr('value')+']').attr('disabled') == false){
        $('input[name='+ $(this).attr('value')+']').attr('disabled', true);
    }else{
        $('input[name='+ $(this).attr('value')+']').attr('disabled', false);
    }
 });

```