Show one input and hide another one
<p>I have in a page many inputs and i want to display just one until you press enter. When you press enter the current input disappears and a hidden input shows up.</p>

<pre><code>&lt;input type="text" value="Name" /&gt;
&lt;input type="text" value="Password" /&gt;
</code></pre>

<p>And here is the jQuery code:</p>

<pre><code>$('input').each(function(){

    $(this).fadeIn();

        $(this).on('keyup', function(e) {
            if (e.which == 13) 
                return true;
            else return false;

        });
    $(this).fadeOut();
});
</code></pre>

<p>I made this piece of script but it does not work. It shows me both inputs in the same time , then disappear.</p>

<p>What should I change to get the desired results?</p>
