ui Dialog works once in IE
<p>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.</p>

<p>My code:</p>

<pre><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;
      });

});
</code></pre>

<p>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</p>

<p>I am using IE8, jQuery 1.3.2, jQuery UI 1.7.1 </p>
