title: Change item of p:selectOneMenu using jQuery
body: <p>I have a PrimeFaces 5.1 <code>&lt;p:selectOneMenu&gt;</code> that generates in DOM the following select:</p>
  
  <pre><code>&lt;select id="WorkSpace:test:selectYear_input" 
      name="WorkSpace:test:selectYear_input" tabindex="-1"&gt;
      &lt;option value="" selected="selected"&gt;-- Year --&lt;/option&gt;
      &lt;option value="2015"&gt;2015&lt;/option&gt;
      &lt;option value="2014"&gt;2014&lt;/option&gt;
      &lt;option value="2013"&gt;2013&lt;/option&gt;
      &lt;option value="2012"&gt;2012&lt;/option&gt;
      &lt;option value="2011"&gt;2011&lt;/option&gt;
      &lt;option value="2010"&gt;2010&lt;/option&gt;
      &lt;option value="2009"&gt;2009&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I have a <code>&lt;p:commandButton&gt;</code> that triggers a jQuery function that will handle changing my <code>&lt;p:selectOneMenu&gt;</code>.</p>
  
  <pre><code>&lt;p:commandButton onclick="changeDropDownList();" /&gt;
  </code></pre>
  
  <p>jQuery function:</p>
  
  <pre><code>function changeDropDownList()
  {
      $('[id$=selectYear_input]')[0].selectedIndex = 2;
  }
  </code></pre>
  
  <p>The <code>&lt;p:selectOneMenu&gt;</code> is not updated. How is this caused and how can I solve it?</p>