title: onclick on span using jquery
body: <p>I have the following HTML:</p>
  
  <pre><code>&lt;a title="Prev" data-event="click" data-handler="prev" class="ui-datepicker-prev ui-corner-all"&gt;
         &lt;span class="ui-icon ui-icon-circle-triangle-w"&gt;Prev&lt;/span&gt;
     &lt;/a&gt;
  </code></pre>
  
  <p>I need to change 'Prev' once click on span using jquery.</p>
  
  <p>This is my code:</p>
  
  <pre><code>$(".ui-icon.ui-icon-circle-triangle-w").click(function(){ 
      $(".ui-icon.ui-icon-circle-triangle-w").html('«');         
  });
  </code></pre>
  
  <p>But it does not work, why?</p>