title: Disable onclick function on image tag
body: <p>jQuery how can I disable a click on <code>&lt;img&gt;</code> tag</p>
  
  <pre><code>$("#ico_cal_id").attr('disabled', 'disabled') or
  $("#img_id").attr('disabled', 'disabled') is not working
  </code></pre>
  
  <p>Below is my code:</p>
  
  <pre><code>&lt;span id="img_id"&gt;&lt;src="ico_calendar.png" id="ico_cal_id" style="cursor: pointer"; onlick="showCalendar(this,'startDay','startMonth','startYear');" /&gt;&lt;/span&gt;
  </code></pre>
  
  <p>whenever I click on the calendar_image the calendar is popping up</p>
  
  <p>Any ideas?</p>