JQuery mouseover issue
===

I am using the following script and there is placeholder div. when i mouseover the div play button should come over the placeholder. 

I have three placeholder in a row. When I mouseover the one particular placeholder, all the play button appears. What I need is when i mouseover the placeholder only that play image should appear. 

Hope you can understand my question. Could anyone please help me to do this?

    jQuery.noConflict();
    	   jQuery(function(){
            jQuery('.placeholder').mouseover(function(){
                   jQuery('.play').show('show');
            });
    		jQuery('.placeholder').mouseleave(function(){
                   jQuery('.play').hide('hide');
            });
    	  });

HTML:

     <div class="placeholder item"><div class="play"><img src="images/play_ico.jpg"></div></div>
     <div class="placeholder item"><div class="play"><img src="images/play_ico.jpg"></div></div>
     <div class="placeholder item"><div class="play"><img src="images/play_ico.jpg"></div></div>

CSS:

    .placeholder{
    	width:120px;
    	float:left;
    	background:#ccc;
    	height:67px;
    	position:relative;
    }
    
    .play{
    	width:120px;
    	height:67px;
    	position:absolute;
    	top:0;
    	left:0;
    	display:none;
    	background:#000;
    	opacity:0.4;
    filter:alpha(opacity=40);
    }

