jQuery .html works but .load causes some weird results.

Question

Hello,

I am currently working on some jQuery - it works perfectly when I uses .html but when I changed the method to .load and attempt to load a page in breaks the jquery on the rest of the page. Any ideas?

<script type="text/javascript">

$(document).ready(function() {

      var $dialog = $('<div></div>')

      .load ('ClientLogin.asp')

/* .html('

Username :

Password :

')

*/ .dialog({

                         width: 460,

                         modal: true,

                         autoOpen: false,

                         title: 'Please enter your account details to login:',

                         buttons: { "Login": function() { LoginForm.submit(); }, 

                         Cancel: function() { $(this).dialog('close'); } }

               });



      $('#opener').click(function() {

               $dialog.dialog('open');

      });

});

Any help is gratefully received. Many Thanks, Joel