title: get value from select box to text box
body: <pre><code>&lt;head&gt;
    &lt;style&gt;
    p { color:red; margin:4px; }
    b { color:blue; }
    &lt;/style&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" charset="utf-8"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;p&gt;&lt;input type="text" name="keyword" /&gt;&lt;/p&gt;
    &lt;select id="multiple" multiple="multiple"&gt;
      &lt;option selected="selected"&gt;Multiple&lt;/option&gt;
      &lt;option&gt;Multiple2&lt;/option&gt;
  
      &lt;option selected="selected"&gt;Multiple3&lt;/option&gt;
    &lt;/select&gt;
  &lt;script&gt;
      function displayVals() {
        var multipleValues = $("#multiple").val() || [];
        $("p").html("&lt;b&gt;Multiple:&lt;/b&gt; " + 
                    multipleValues.join(", "));
      }
  
      $("select").change(displayVals);
      displayVals();
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Here I want to hold value in a text box instead of "p".
  How to do it??
  Here is my <a href="http://jsfiddle.net/Nv52J/" rel="nofollow">code</a></p>