jQuery: how do I have two date pickers?
<p>On my site, I want to have a date range thing, so I figured I'd use two date pickers from 
<a href="http://jqueryui.com/demos/datepicker/" rel="nofollow">http://jqueryui.com/demos/datepicker/</a></p>

<p>currently, both date pickers edit the same field... which makes me sad.</p>

<pre><code>$j(function() {
    $j(".date-range-start .date-picker input").datepicker({
        //showOtherMonths: true,
        changeYear: true,
        showAnim: 'fadeIn',
        showOn: 'button'
    });
    $j(".date-range-end .date-picker input").datepicker({
        //showOtherMonths: true,
        changeYear: true,
        showAnim: 'fadeIn',
        showOn: 'button'
    });
});
</code></pre>

<p>i figured since I have two different selectors I'd be able to change two different fields, right?</p>

<p>well... apparently it hates me.</p>

<pre><code>&lt;div class="date-range-picker"&gt;
            &lt;div class="date-range-start"&gt;
                &lt;div class="date-picker"&gt;
                    &lt;input id="classinput-field" name="classinput-field" type="text" class="hasDatepicker"&gt;&lt;button type="button" class="ui-datepicker-trigger"&gt;...&lt;/button&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="date-range-end"&gt;
                &lt;div class="date-picker"&gt;
                    &lt;input id="classinput-field" name="classinput-field" type="text" class="hasDatepicker"&gt;&lt;button type="button" class="ui-datepicker-trigger"&gt;...&lt;/button&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
</code></pre>
