title: Datepicker icon does not appear next to input textbox
body: <p>As you can see on the following JS Fiddle, I can only get the small Datepicker Icon to appear next to one of the input boxes. I need it to appear next to both. </p>
  
  <p>However, changing 'id' to 'class' doesn't work, and results in both icons disappearing. </p>
  
  <p><a href="http://jsfiddle.net/Vzt39/" rel="nofollow">http://jsfiddle.net/Vzt39/</a></p>
  
  <pre><code>HTML:
  
             &lt;title&gt;jQuery UI Datepicker - Icon trigger&lt;/title&gt;
  
        &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
  
      &lt;script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"&gt;&lt;/script&gt;
  
  
        &lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
        &lt;script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"&gt;&lt;/script&gt;
  
        &lt;script&gt;
        $(function() {
          $( "#datepicker" ).datepicker({
            showOn: "button",
            buttonImage: "calendar.gif",
            buttonImageOnly: true
          });
        });
        &lt;/script&gt;
  
  
  
      &lt;p&gt;Date: &lt;input type="text"  id="datepicker" /&gt;&lt;/p&gt;
       &lt;p&gt;Date: &lt;input type="text" id="datepicker" /&gt;&lt;/p&gt;
  
  
  CSS:
  
  
    &lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /&gt;
  
  
    &lt;link rel="stylesheet" href="/resources/demos/style.css" /&gt;
  </code></pre>