title: Nightwatch Cannot Find/Click on Dropdown Option
body: <p>I'm a backpacker and a programmer, trying to use the second skill to find openings in a full campsite. Rather than crawling fro scratch, I'm using the end-to-end testing framework nightwatch.js to navigate for me.</p>
  <p>I've hit a roadblock, because nightwatch is having difficulty finding a specific element using css selectors.</p>
  <h3>Here are the elements and page:</h3>
  <p><img src="https://i.stack.imgur.com/Dbu5T.png" alt="Permit type" /></p>
  <h3>Here is my test code:</h3>
  <p><img src="https://i.stack.imgur.com/lHXAC.png" alt="Test code" /></p>
  <h3>Previous Attempts</h3>
  <p>My test code <strong>will</strong> click on the selection box with <code>#permitTypeId</code>. It will see that <code>#permitTypeId option</code> is visible. It will <strong>not</strong> see or click on any of the options when more specific values are specified. The five <code>.click()</code>'s are all css selectors I've already tried. None of the options are set to <code>display:hidden</code> or <code>display:none</code>. I have also tried all of the above without the <code>.waitForElementToBeVisible()</code> just in-case the waiting causes the dropdown to hide.</p>
  <p>I've successfully clicked options from different dropdown menus on this website without any problem. Just this one is causing a headache.</p>
  <p>The tests are running with the most current Selenium server and Firefox on Mac Yosemite.</p>
  <h3>tl;dr</h3>
  <p>Nightwatch.js/Selenium won't click on something from a dropdown menu.</p>