jquery - jQuery - 入力ボックスに値を追加した後、フィルター関数で考慮しない

Question

テキスト要素を空の div に追加したい*テキスト要素が div にない場合/ divに空のテキスト入力がない場合.. *

最初の入力ボックスに値を追加した後、新しい要素を作成する必要がありますが、そうではありません..

繰り返しますが、値を追加してそれを削除しても、divに追加された新しい入力を作成したくない場合に備えて... (複数の入力があっても、最初の空の入力ボックスに焦点を当てることができます)

ここに私の試みがあります:

$("a").on("click", function () {

        var newAssociates = $("#content").find(":input:text");

        var emptyAssociates = newAssociates.filter(function(index) {
            return $.trim ( this.value === "" );
        });

    if ( !emptyAssociates.length ) {        
        $("#content").append( $("<input />"));
    }

} )

ライブデモ

前もって感謝します！