Jquery change image url to class within the same div -

this situtation:

<div>  <p class:"test">text1</p>  <img src="" class="image"> </div>  <div>  <p class:"test">text2</p>  <img src="" class="image"> </div> 

i want replace (src) value each of images text of class(test) in same div it. want outcome following code sample:

      <div>  <p class:"test">text1</p>  <img src="text1" class="image"> </div>  <div>  <p class:"test">text2</p>  <img src="text2" class="image"> </div> 

updated:

this code: $(".poster div").each(function() {      var txt = $(this).find("a").parent("h4").text();     $(this).find(".avatar img").parent("a").parent(".avatar li").attr("src", txt); }); 

but doesn't work want work on:

<div class="poster">  <h4>   <a>name</a>  </h4>  <li class="avatar">   <a>    <img src="" class="avatar">   </a>  </li> </div> 

and want outcome be:

<div class="poster">  <h4>   <a>name</a>  </h4>  <li class="avatar">   <a>    <img src="name" class="avatar">   </a>  </li> </div> 

$(".poster").each(function() {      var txt = $(this).find("h4 a").text().trim();     $(this).find("img").attr("src", txt); });