This is a very simplified version of the code to explain my issue.

HTML:

```
<input type="radio" name="enableDisableBox" id="radioDisable" checked="checked" />
Disable
<br />
<input type="radio" name="enableDisableBox" id="radioEnable" />
Enable
<br />
<input type="text" id="txtUserInput" disabled="disabled" />

```

JavaScript:

```
var txtInputObj2 = $("#txtUserInput");

function init1() {
    var txtInputObj1 = $("#txtUserInput");
    $("input[name='enableDisableBox']:radio").change(function () {
        if ($("#radioEnable").attr("checked"))
            txtInputObj1.removeAttr("disabled").focus();
        else
            txtInputObj1.attr("disabled", "disabled");
    });
}

function init2() {
    $("input[name='enableDisableBox']:radio").change(function () {
        if ($("#radioEnable").attr("checked"))
            txtInputObj2.removeAttr("disabled").focus();
        else
            txtInputObj2.attr("disabled", "disabled");
    });
}

$(document).ready(function () {
    init1();
    //init2();
});

```

If I run the init2 function, it does not give me any errors, but does not enable or disable my textbox either.

if you notice, txtInputObj1 is defined within the init1 function, and txtInputObj2 is defined as a global variable.

Any suggestions on how to make a jQuery selector object global?