[jQuery] jquery callback issue

[msk]

hi,
i am using jquery in drupal i have a list like


<Div class='room'>
car1  (edit)
car2 (edit)
</div>

edit=(<a href="javascript:void(0)" class="edit">edit</a>)
that was link define behind edit caption.

now in jquery:

$(".edit").click(function(){
        add_new_room();
        return false;
})

function add_new_room(){
.......defination of function
.................................
................................

}

after ajax call in (add_new_room    function)
i have change the same html through ajax function
like
data=<Div class='room'>
car1  (edit)
car2 (edit)
</div>

and insert into

$("room").html(data);


obviouly i am using


$(document).ready(function (){
..........................
......................
})


now the issue as the page refresh it work fine
when i am going to change dynamically innerHTML of div in that way
html is replace but js function is not called somehow


can any tell me what is the issue with that

-shakeeb