title: jQuery: how do I have two date pickers?
body: <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 noreferrer">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>