I'm having a problem re-enabling an input after it has been disabled on the page load.

I'm using two inputs to accept two dates, but I want it that the second input is not enabled until the first one has a value.

<div id=date1 data-role=fieldcontain>

    <label for=date1-start id=date1-startlbl>Start Date</label>

    <input name=date1-start id=date1-start type=date data-role=dateboxdata-options='{mode: calbox, overrideDateFormat: %Y-%m-%d, beforeToday: true}' data-theme=a onchange=showdate()/>

    <label for=date1-end id=date1-endlbl>End Date</label>   

    <input name=date1-end id=date1-end type=date data-role=datebox data-options='{mode: calbox, overrideDateFormat: %Y-%m-%d, beforeToday: true}' data-theme=a onchange=datechart()/>

</div>

The second input is disabled successfully on the page load with.

$(#date1-end).prop(disabled, true);

The first date has an onchange event that calls the following function

function showdate(){

    if ($(#date1-start).val() != null){

        if ($(#date1-end).val() != ){

            datechart();

        }

        else{

            $(#date1-end).prop(disabled, false);

            $(#date1-end).trigger('change');

        }

    }

}

The function is called and prop(disabled, false) when reached fires without any errors, but the input remains disabled. The trigger('change') I am using is an attempt at refreshing the element but the same problem exists without it.

I have tried different variations of .attr from an older version of Jquery but I also get the same problem.

I am using Jquery 1.9.1, Jquery-mobile 1.3.1 and PhoneGap 2.7.0