title: Trigger dropdown using javascript
body: <p>I am using a bootstrap dropdown and I want to trigger it with some other button.</p>
  
  <pre><code>&lt;li class="dropdown"&gt;
        &lt;a href = "" class="dropdown-toggle" data-toggle="dropdown" role="button" id = "TAdropdown" aria-expanded="false"&gt;Insert TA&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
        &lt;ul class="dropdown-menu" role="menu"&gt;
          &lt;form class="navbar-form navbar-left" &gt;
            &lt;div class="form-group" id = "TAform"&gt;
              &lt;input type="text" class="form-control" placeholder = "Roll Number" required&gt;
              &lt;input type="text" class="form-control" placeholder = "M.A.C address" required&gt;
            &lt;/div&gt;
            &lt;button type="submit" class="btn btn-default" onClick = "addMAC()" &gt;+&lt;/button&gt;
            &lt;button type="submit" class="btn btn-default" onClick = "removeMAC()" &gt;-&lt;/button&gt;
            &lt;button type="submit" class="btn btn-default" onClick = "submitForm()"&gt;Submit&lt;/button&gt;
          &lt;/form&gt;
  
        &lt;/ul&gt;
      &lt;/li&gt;
  </code></pre>
  
  <p>I want this to be triggered (open) when I click on this other button:</p>
  
  <pre><code>  &lt;button type = "submit" class="btn btn-default" onClick = "deleteTA()"&gt;delete&lt;/button&gt;
  </code></pre>
  
  <p>ie what should be I put inside the deleteTA() function.</p>