LogIn in Navbar!

Rezumarea primului mesaj :

Buna ziua,imi cer scuze;iar intampin probleme cu casuta de conectare in Navbar..



Codurile:
CSS:

Cod:

        /*Login in Navbar*/

#username.inputbox{
border-radius: 4px;
position: relative;
left: -10px;
width: 50px;
border: 1px solid #000000;}

#password.inputbox{
border-radius: 4px;
position: relative;
left: -10px;
width: 50px;
border: 1px solid #000000;}

        /*END Login in Navbar*/

Javascript:

Cod:

$(document).ready(function(){
    $('.headerbar').append('      <div id="conectare">
      <div class="conectare">
    <div class="conectare">Panou de Logare</div>
<br>
    <form id="post" action="login.forum?connexion">
<input id="txt" lang="en-US" type="text" data-ovi-hasaddvioceinputfeature="true" x-webkit-speech="" speech="" maxlength="40" size="15" name="username" autocomplete="off" placeholder="Utilizator">
<br>
<input id="txt" type="password" maxlength="32" size="15" name="password" autocomplete="off" placeholder="Parola">
<br>
<br>
<input class="mainoption" type="submit" value="Conectare" name="login">
</from>
</div>
<br>
</div>');});

Ce vreau: Vreau sa apara doar odata(nu de doua ori),in dreapta bannerului;si sa apara doar celor care nu sunt conectati! Va rog,daca aveti timp

Rezolvat.
Multumesc