title: Call function from span by icon
body: <p>I have some issues with this code here:</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
  Sorry but I am not good at Java &amp; jQuery so pleased if you could show me the answer with HTML tags. </p>
  
  <p>thanks in advance</p>