Display hidden html code with jQuery
<p>There is another solution to display a hidden input when a user choose an option from the <code>select</code> tag?
<strong>I want to put the HTML code outside the JS code.</strong></p>

<p><strong>jQuery code:</strong></p>

<pre><code>$(function() {

    var message = new Array(),
        $paymentOption = $("#payement_option"),
        $messageDisplay = $("#message_display");

    message[1] = '&lt;input type="text" name="email" size="30" /&gt;';

    $paymentOption.change(function() {

        var messageIndex = $(this).val();

        $messageDisplay.empty();

        if (messageIndex &gt; 0) 
            $messageDisplay.append(message[messageIndex]);

    });

});
</code></pre>

<p><strong>HTML code like this:</strong></p>

<pre><code>&lt;select name="option"&gt;&lt;option value="0"&gt;yes&lt;/option&gt;&lt;option value="1"&gt;no&lt;/option&lt;/select&gt;
</code></pre>

<p><strong>the output:</strong></p>

<pre><code>&lt;div id="message_display"&gt;&lt;/div&gt;
</code></pre>

<p><strong>EDIT:</strong></p>

<p>I want something like:</p>

<pre><code>&lt;div id="message_display"&gt;
    &lt;input type="text" name="email" size="30" /&gt;
&lt;/div&gt;
</code></pre>
