title: Strange behavior of button onclick
body: <p>Im currently working on a project and I have some trouble with my navbar.</p>
  
  <p>I have two buttons there in a dropdown:</p>
  
  <pre><code>&lt;div class="dropdown-menu" aria-labelledby="navbarDropdown"&gt;
     &lt;button class="dropdown-item all" id = "my_all" onclick = "showApplied()"&gt;Angemeldet&lt;/button&gt;
     &lt;button class="dropdown-item off" id = "empty" onclick = "switchShowAllEmpty()"&gt;Leere Aktivitäten einblenden&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The second button works fine, but when I click the first one nothing happens. When I change the over button "empty" still is working and button "my_all" not. BUT when I manipulate the copy inside the browser by copying the first button and pasting it in the dropdown again, the pasted one works although the origional didn't.</p>
  
  <p>To my this just makes no sense. And the onclick-function also works fine, so this is not the problem. Please let me know if someone has an idea what's the problem.</p>