title: Display hidden html code with jQuery
body: <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>