JQuery добавить форму ввода?

Question

У меня есть этот скрипт jquery, который предназначен для добавления полей ввода, его не произойдет, я не знаю почему?

jquery:

$(document).ready(function() {
    $(".login").click(function(){
        $(".login").hide();
      $("div.swap").append("<input name="username" id="username" type="text" maxlength="16" />");

     });

});

html:

<div class="swap">
 <a class="login" href="#">Login</a>

  </div>

Answer 1

Ваше добавление использует двойные кавычки для переноса строки и в строку.Попробуйте это:

$(document).ready(function() {
    $(".login").click(function(){
       $(this).hide();
       $('<input name="username" id="username" type="text" maxlength="16" />').appendTo("div.swap");
    });
});