title: Programmatically set value on bootstrap dropdown menu with jquery
body: <p>I have a bootstrap dropdown menu with two options:</p>
  
  <pre><code>&lt;div class="dropdown"&gt;
     &lt;button class="btn btn-primary dropdown-toggle" id="button-methods" type="button" data-toggle="dropdown" style="width: 100%;"&gt;"Pick Up Method To Create a Layer" 
       &lt;span class="caret"&gt;&lt;/span&gt;&lt;/button&gt;
       &lt;ul class="dropdown-menu dropdown-menu-methods" style="width: 95%;"&gt;
          &lt;li&gt;&lt;a href="#" id="excel_layer"&gt;&lt;span class="glyphicon glyphicon-chevron-right"&gt;&lt;/span&gt;"Create a layer"&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" id="empty_layer"&gt;&lt;span class="glyphicon glyphicon-chevron-right"&gt;&lt;/span&gt;"Create an empty layer"&lt;/a&gt;&lt;/li&gt;
       &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there a way to programmatically set the second option of the dropdown menu when the page loads? </p>