title: call function from span
body: <p>Hello i have some isues with code below</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> &lt;script&gt;
                  jQuery(document).ready(function($) {
                      jQuery("#check_in").datepicker({
                          dateFormat: "yy-m-dd",
                          minDate: 0,
                          showOtherMonths: true,
                          firstDay: 1,
                          onSelect: function( selectedDate ) {
                              jQuery( "#check_out" ).datepicker( "option", "minDate", selectedDate );
                          },
                      });
                      jQuery("#check_out").datepicker({
                          dateFormat: "yy-m-dd",
                          minDate: 0,
                          showOtherMonths: true,
                          firstDay: 1,
                          onSelect: function( selectedDate ) {
                              jQuery( "#check_in" ).datepicker( "option", "maxDate", selectedDate );
                          },
                      });
                  });
              &lt;/script&gt;';</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="row_field field_text"&gt;
    &lt;label class="label_title"&gt;'.__('Check Out','tfuse').'&lt;/label&gt;
     &lt;input type="text" name="check_out" value="" id="check_out"&gt;
      &lt;span class="icon icon-calendar"&gt;&lt;/span&gt;
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>the problem is that I want, when I am clicking on span icon to call the function like it dose from input fields. if someone has any solution please help</p>