property disabled and html
<p>This seems like a fairly simple thing, but the issue has been giving me some trouble for a long time now.  I have a submit button that is 'disabled' when a select list value is 'select'.  What I want is to html('select an area')...but the button is disabled.  Here is the code:</p>

<pre><code>&lt;script&gt;
//setting the variable for first-shown select value
var selVar = $('#areaSel').val();
//disabling submit if first-shown value is 'select'
if(selVar == 'select'){
    $('#areaSubmit').prop('disabled',true);
}
//setting the variable if the selection changed &amp; disabling submit if = 'select'
$('#areaSel').change(function(){
    var selVar = $('#areaSel').val();
    if(selVar == 'select'){
       $('#areaSubmit').prop('disabled',true);
    //removing 'disabled' submit if selection !== select
    }else{
        $('#areaSubmit').prop('disabled',false);
    }
});
    //giving the message to 'select an area
$('#areaSubmit').click(function(){
    var selVar = $('#areaSel').val();
    if(selVar == 'select'){
    $('#areaE').html('select an area');
    }
});
&lt;/script&gt;
</code></pre>

<p>Im just trying to make the message 'select an area' appear instead of submitting when clicked.  The problem is that the button is disabled when 'select' is selected.  Thanks in advance for the help!</p>
