title: Nightwatch: .click() on select element isn't working
body: <p>I realize people have asked this question before but none of the solutions seem to have worked for me.</p>
  
  <p>I'm currently trying to click on my <code>select</code> dropdown menu and select a value from the options available. However, calling <code>.click()</code> isn't doing the trick for me.</p>
  
  <p>Here is what I'm attempting:</p>
  
  <p>my pageObject:</p>
  
  <pre><code>sections: {
      addNew: {
        selector: "#my_form",
        elements: {
          name: "#name",
          mySelectDropdown: "#selectId"
        }
      }
    }
  </code></pre>
  
  <p>my code:</p>
  
  <pre><code>let addNew = page.section.addNew;
  addNew.setValue("@name", 'test'); // this works as expected
  addNew.click("@mySelectDropdown");
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;select class="form-control" id="selectId"&gt;
      &lt;option value="1"&gt;option 1&lt;/option&gt;
      &lt;option value="2"&gt;option 2&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I would appreciate any insight, Thanks!</p>