title: jquery img select
body: <p>I have a h4 with an img in it like this. I bind a click function to the h4. This works well. But I'm not able to select the img in it. I want to select the img in order to replage the src attr with .attr("src").replace("up", "down"); .</p>
  
  <pre><code>&lt;h4 class="collapsable_head"&gt;
  &lt;img id="up_down" class="icon" src="/crm/img/modifier_down.gif" alt="link"/&gt;
  &lt;b&gt;Classification Filter:&lt;/b&gt;
  &lt;/h4&gt;
  </code></pre>
  
  <p>The javascript: </p>
  
  <pre><code>$(".collapsable_head").click(function(){
     $(this).next(".collapsable_body").slideToggle(500)
     //None of the next lines return me the img object
     src = jQuery(this).children('img').attr("src");
     print(src);
     src = $(this).next("#up_down").attr("src");
     print(src);
     src = $(this).next("#up_down").attr("src");
     print(src);
     return false;
  });
  </code></pre>
  
  <p>I want to use the keyword "this", since I have more (".collapsable_head")'s out there ;-)</p>