Problem ze składnią .live - jquery, load, live, mousedown, mouseup

Muszę mieć efekt zdarzenia mousedown / up, który jest kupowany na stronie przez .load.

Używam tego, ale myślę, że mogłem się pomylić:

$("#newBtn").live("mouseup", function(){
$(this).css("box-shadow", "0px 7px 10px -5px #000");
}).mousedown(function(){
$(this).css("box-shadow", "0px 7px 10px -5px #666");
});

Oto zdarzenie obciążenia:

$("#dashboard").click(function()
{
$("#box").html("");
$("#box").load("ajax/content.php #dashboard");
});
$("#calendar").click(function()
{
$("#box").html("");
$("#box").load("ajax/content.php #calendar");
});

Są to dwa przyciski, z których jeden ładuje div, który zawiera #newBtn.

Każda pomoc będzie doceniona!

Próbowałem również tego:

    $("#dashboard").on("load", function(){
$("#newBtn").mouseup(function()
{
$(this).css("box-shadow", "0px 7px 10px -5px #000");
}).mousedown(function(){
$(this).css("box-shadow", "0px 7px 10px -5px #666");
});
});

Myślałem, że po wczytaniu nowego div do mojej strony zdarzenie myszy zostanie uzbrojone. Ale nie ma takiego szczęścia :(

Odpowiedzi:

Ok,

Doceniam pomoc, ale metoda on nie działała dla mnie. W końcu udało mi się to osiągnąć (używając składni Inżyniera z metodą na żywo):

   $("#newBtn").live("mouseup","#newBtn",function() {
$(this).css("box-shadow", "0px 7px 10px -5px #000");
}).live("mousedown","#newBtn",function() {
$(this).css("box-shadow", "0px 7px 10px -5px #666");
});

Jedyną rzeczą jest to, że nie wiem, dlaczego to zadziałało, więc jeśli ktoś może mi to wyjaśnić :), byłoby wspaniale!