Problem with reset value from .html(output)

Problem with reset value from .html(output)

This event $('#sign').click(SignIn) show input forms in <div id="panel_left"> and when i try to click on input with id="loginuser" it should set value to "" but it's not working, any solutions?

  1. <script>
  2.     $(document).ready(function(){
  3.         
  4.         $("#faq").change(onSelectChange);
  5.         $("#LinkBox").focus(function() {
  6.                 $(this).attr("value","");
  7.         });
  8.        
  9.         $('#sign').click(SignIn);
  10.         
  11.         $("#loginuser").focus(function() {
  12.         $(this).attr("value","");
  13.         });
  14.        
  15.        
  16.     });
  17.    
  18.     function onSelectChange(){
  19.         var selected = $("#faq option:selected");   
  20.         var output = "";
  21.         if(selected.val() != 0){
  22.             output = "Answer: " + selected.attr('name') ;
  23.         }
  24.         $("#answer").html(output);
  25.     }
  26.    
  27.     function SignIn(){ 
  28.         var output = "";
  29.         output = '<input type="text" id="loginuser" size="8" maxlenght="8" value="Login" class="login"> <input type="password" id="password" size="8" maxlenght="8" value="Password" class="pass"><input type="submit" value="Sign In" class="send"/>';
  30.         $("#panel_left").html(output);
  31.     }
  32. </script>