Appending a function to an existing onclick event at page load
<p>I have the following html code that is pre written by the app I am using, which I do not have access to, i.e.</p>

<pre><code>&lt;td align="center" class="shuttleControl"&gt; 
  &lt;img src="/i/mydb/icons/shuttle_reload.png" onclick="g_Shuttlep_v61.reset();" alt="Reset"  title="Reset"/&gt; 
  &lt;img src="/i/mydb/icons/shuttle_last.png" onclick="g_Shuttlep_v61.move_all();" alt="Move All" title="Move All"/&gt; 
  &lt;img src="/i/mydb/icons/shuttle_right.png" onclick="g_Shuttlep_v61.move();" alt="Move" title="Move" /&gt; 
  &lt;img src="/i/mydb/icons/shuttle_left.png" onclick="g_Shuttlep_v61.remove();" alt="Remove" title="Remove" /&gt; 
  &lt;img src="/i/mydb/icons/shuttle_first.png" onclick="g_Shuttlep_v61.remove_all();" alt="Remove All" title="Remove All" /&gt; 
&lt;/td&gt; 
</code></pre>

<p>Based on the above code, using jQuery, would it be possible that when the page finishes loading, search for the img src "shuttle_last.png" and append to it's onclick call, my own function get_Count(); ?</p>

<p>That is, I would then see the following code when I do a view page source for this particular line, i.e.:</p>

<pre><code>&lt;img src="/i/mydb/icons/shuttle_last.png" onclick="g_Shuttlep_v61.move_all();get_Count();" alt="Move All" title="Move All"/&gt; 
</code></pre>

<p>Is this possible - if so, would really appreciate a code sample?</p>

<p>Thanks.</p>
