[flipper1001]

У меня есть вот такая конструкция

<div class=1>
   <div class =2>
   </div>
</div>

в скрипте я использую вот такой код

$(".1").mouseup(function(){
      $(this).append('<span style="color:#F00;">Mouse up.</span>');
    }).mousedown(function(){
      $(this).append('<span style="color:#00F;">Mouse down.</span>');
    });

при этом mousedown выполняется и при клику на первы и на второй див как мне сделать чтобы это работало только при клике на первый див а при клике на второй нет?