title: Trying to navigate to page location when selecting option from select options dropdown
body: <p>so I have a select box like this with more elements being loaded in of course.</p>
  <pre><code>&lt;select class=&quot;cherry-dropdown&quot;&gt;
     &lt;option class=&quot;cherryOption&quot; value=&quot;#cherry_'.$rownum.'&quot;&gt;'.$name.'&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  <p>And. I'm trying to use javascript to take me to the appropriate page location based off the value attribute in the option.</p>
  <pre><code>$('.cherry-dropdown').click(function(){
     console.log(&quot;yes&quot;);
  
     $('.cherryOption').click(function(){
        console.log(&quot;maybe&quot;);
        window.location=$(this).val();
     });
  });
  </code></pre>
  <p>I'm getting yes from the first console.log (opening the select box to reveal the options). But when I click an option I'm not getting the maybe console.log, and thus the window.location part isn't working as well.</p>
  <p>What am I doing wrong here...</p>