jquery change function works on one page but not another
<p>I'm having a little bit of trouble with an on click function on one of the <a href="http://mb.tmlinc.ca/" rel="nofollow">projects</a> I'm working on. If you notice on the home page when you populate checkin and checkout dates and then switch the property, the values in both inputs are cleared.</p>

<pre><code>// clear datepickers on property change
$('#DropDownListProperty').change(function () {
    $('#TextBoxCheckIn').val('');
    $('#TextBoxCheckOut').val('');
});  
</code></pre>

<p>(line 276 on the page's script if you're in firebug)</p>

<p>I need this same functionality on the Pricings page but for some reason the change event never fires. As far as I can tell I've implemented the code in the exact same way with the addition of a couple more lines:</p>

<pre><code>// clear datepickers and pricing on property change
$('#DropDownListProperty').change(function () {
    $('#TextBoxCheckIn').val('');
    $('#TextBoxCheckOut').val('');
    $('#pricing').hide();
    $('#personal-info').hide();
}); 
</code></pre>

<p>but the code here never fires. (line 172 of the page's script in firebug). I swear I've checked the IDs a million times but it stumps me what is preventing the fields from being cleared.</p>

<p>Any help is appreciated!</p>
