jquery and user city
<p>at first, sorry about my english. 
My question is: I have php generated dynamic div, with id and image source.. If user click on dynamic div its swap img source. 
My script works, but its swaps all div images, but not selected div img source.
Where is problem? how I can swap clicked div img source? Can someone, help me please?</p>

<p>My script: </p>

<pre><code>&lt;script&gt; ( function($) { 
  $(document).ready( function() { 
    $("div.area_map").click( function () { 
      $('div[id^=grass]').each(function(div) { 
        $('img.hoverswap').css("width","229"); 
        $('img.hoverswap').css("height","124");
        $('img.hoverswap').attr("src","default/citymap/D5.png"); 
        $('img.hoverswap').css("z-index", "9999") 
       } ); 
     }); 
   } ) ( jQuery ); 
&lt;/script&gt;
</code></pre>

<p>And div: </p>

<pre><code>&lt;div class="area_map" id="grass
  &lt;?php echo $k+$st_x/2; ?&gt;" 
  style='cursor:pointer; width:118px; height:51px; position:absolute; 
  left:&lt;?php echo $st_x; ?&gt;px; 
  top:&lt;?php echo $st_y; ?&gt;px;'&gt;
  &lt;img src="default/citymap/Zale2.png" name="table" border="0" 
    usemap="#tableMap" class="hoverswap" 
    style='cursor:pointer; z-index:-300; width:118px; height:51px;'/&gt; 
&lt;/div&gt;
</code></pre>
