Dialog breaks on second click in IE

Dialog breaks on second click in IE


Hi, I hope someone can help with this problem. I am using ui Dialog
that pops up on clicking a link with the same class. The problem is
that the link work great once but if i click it again or another link
with the same class then only the overlay loads but not the content
box in IE only. It works great in firefox.
My script includes an ajax post, if i remove the ajax code then the
box works fine on every click.
My code:
$().ready(function() {
         $('#dialog').dialog({
                         autoOpen:false,
                         title: $(this).attr("title"),
                         modal: true, width: 450, height:"auto", resizable: false,
                         close: function(ev, ui) { $(this).remove(); },
                         overlay: {
                         opacity: 0.5,
                         background: "black"
                         }
                         });
$(".mybutton").click(function(){
$.post($(this).attr("href"), { },
function(data) {
$('#dialog').html(data);
}
);
         $('#dialog').dialog('open');
         return false;
});
});
I have multiple links with the class "mybutton" and a div with the id
#dialog . I am also using the latest version of jQuery and ui.
Any help would be greatly appreciated. Thanks