title: Trigger colorbox when using a dropdown
body: <p>I'm trying to get individual divs with profile information to overlay using colorbox when someone selects a name from a dropdown. So, if someone clicked on 'Name 1' which has a value of #p01 in my dropdown, then the div with the ID of #p01 would be displayed using colorbox.</p>
  
  <p>However, I can't seem to get this to work. Can anyone see anything in my code that might be causing the problem?</p>
  
  <p>Many thanks,</p>
  
  <p>Osu</p>
  
  <hr>
  
  <h2>HTML</h2>
  
  <p>Form:</p>
  
  <pre><code>&lt;form action="" method="post" id="chooseprofile"&gt;
      &lt;select name="profiledd" id="profiledd"&gt;
          &lt;option value="" selected="yes"&gt;- Please select -&lt;/option&gt;
          &lt;option value="#p01"&gt;Name 1&lt;/option&gt;
          &lt;option value="#p10"&gt;Name 2&lt;/option&gt;
          ...
      &lt;/select&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Div overlays:</p>
  
  <pre><code>&lt;div style="display:none;"&gt;
      &lt;div id="p01" class="profile"&gt;
          &lt;img src="#" /&gt;
          &lt;div class="profdesc"&gt;
              ...content...
          &lt;/div&gt; &lt;!-- End div.profdesc --&gt;
          &lt;div class="clear"&gt;&amp;nbsp;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt; &lt;!-- End div#p01 --&gt;
  
  &lt;div style="display:none;"&gt;
      &lt;div id="p10" class="profile"&gt;
          &lt;img src="#" /&gt;
          &lt;div class="profdesc"&gt;
              ...content...
          &lt;/div&gt; &lt;!-- End div.profdesc --&gt;
          &lt;div class="clear"&gt;&amp;nbsp;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt; &lt;!-- End div#p10 --&gt;
  ...etc.
  </code></pre>
  
  <hr>
  
  <h2>JQUERY</h2>
  
  <pre><code>$("#profiledd").change(function() { 
      var currentProfile = $(this).val(); // Grab select value and show correct overlay:
      $(currentProfile).colorbox({
          inline:true,
          current: '',
          innerWidth:"700px",
          innerHeight:"400px",
          transition:"fade"
      });
  });
  </code></pre>