title: jQuery Datepicker with FontAwesome Button?
body: <p>I'm building a site with Foundation, and I have the FontAwesome icons installed. I'm trying to set up a form where a user can click on an input or a button to see the jQuery datepicker. I'd like to be able to use the FontAwesome icon in the button. But I can't seem to get the button to trigger the datepicker.</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I kind of got it working, but I still can't figure out how to implement the FontAwesome icon. I have this in my HTML:</p>
  
  <pre><code>  &lt;div class="row"&gt;
      &lt;div class="large-3 columns"&gt;
          &lt;label&gt;Departure Date&lt;/label&gt;
          &lt;div class="row date collapse"&gt;
          &lt;div class="small-9 columns"&gt;&lt;input class="small-9 columns" placeholder="Choose Date" type="text" name="date" id="date"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>And this in my JS:</p>
  
  <pre><code>$(function() {
      $( "#date" ).datepicker({
        showOn: "both", 
        buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
        buttonText: "THIS IS A BUTTON",
        buttonImageOnly: true
      });
    });
  </code></pre>
  
  <p>Where do I put the icon? Can I somehow put it in the <code>buttonText</code> argument?</p>