title: jquery how to get Text from dropdownlist
body: <p>I got 2 pages.. but I am having difficulty getting the Text value from a dropdownlist and inserting it into a textbox for instance this is Page 1</p>
  
  <ul>
  <li><p>A user has 1 options to select on Page 1, the jquery code below is activated with the change function .</p></li>
  <li><p>This will Load a new dropdownlist depending on which field they picked.</p></li>
  <li><p>This all works Fine but my problem is getting the new value from the newlist into the keyword textbox how can i do that ?</p>
  
  <pre><code>&lt;select id="pick"&gt;
  &lt;option&gt;&lt;/option&gt;
   &lt;option&gt;Financial&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;div id="newlist" style="margin-left:180px;"&gt;      
  &lt;/div&gt;
  
     &lt;input type="text" id="keyword" /&gt;
  &lt;script&gt;
      $("#pick").change(function () {
        if ($(this).val() == "Financial")
  {
           $("#newlist").load('/Listings/service #service');
            $("#keyword").text() = $("#service").text();
        }
  
    });
  &lt;/script&gt;
  </code></pre></li>
  </ul>
  
  <p>page2 is where the newlist is</p>
  
  <pre><code>&lt;select name="service" id="service" style="background-color:red;"&gt;
  &lt;option&gt;automotive&lt;/option&gt;
  &lt;option&gt;mechanic&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>So again the <strong></strong>  gets the dropdownlist from Page2 but for some reason I can't transfer that value into the <strong></strong> textbox any help would be great..</p>