Работа с дочерними элементами
 

Имеется множество подряд идущих подобных кусков HTML (дальше фотоБлок)

<div id="id1" class="foto"> 
                <img src="http://cs11328.vk.com/u27801073/a_d891b802.jpg" alt="" /> 
                <div class="menu"> 
                    <a href="" class="lupa">Увеличить</a><br/> 
                    <a href="" class="removeFoto">Удалить</a> 
                </div>             
            </div>

Есть Jquery код который при наведении на один из таких блоков подсвечивает блок ID=menu (дальше менюБлок) (по началу он скрыт).

$(function(){ 
                $('.foto').hover(function(){ 
                    $('.menu').show(); 
                }, function(){ 
                    $('.menu').hide(); 
                }) 
            });

Но, при наведении на один один из фотоБлоков, менюБлоки появляются у всех фотоБлоков.
Приложил скрины, там это хорошо видно.

Нужен способ типа (FAKE)

$(function(){ 
                $('.foto').hover(function(){ 
                    $($(this)' .menu').show(); 
                }, function(){ 
                    $($(this)' .menu').hide(); 
                }) 
            });

Пример

Вероятно, ...

$('.menu', this).show();

и в таком же духе.

Спасибо.. Действительно работает... Я и не знал что есть второй параметр и на "бум" написал "FAKE". А что это за парамерт такой? Что в него передавать именно?