title: How to change option value with Jquery?
body: <p>I am looking for a way to change the option value from a select tag when users click on a link.</p>
  
  <p>For example I have a select option html:</p>
  
  <pre><code>&lt;select&gt; &lt;option value="0"&gt;Please Select&lt;/option&gt; 
  &lt;option value="1"&gt;red&lt;/option&gt; 
  &lt;option value="2"&gt;white&lt;/option&gt; 
  &lt;/select&gt;
  </code></pre>
  
  <p>And I have 2 links <code>&lt;a href="#" title="red" class="preview_link"&gt;red&lt;/a&gt; &lt;a href="#" title="white"&gt;white&lt;/a&gt;</code>
  When user clicks red the option will switch to red and white will switch to white. I am using the following code but it is not working.</p>
  
  <pre><code> jQuery("a.preview_link").click(function() {
      var title = jQuery(this).attr("title");
          jQuery(this).parent('p').children("select :selected").text(title);
   });
  </code></pre>
  
  <p>Any suggestions?</p>