title: Overrive bootstrap dropdown to call an ajax load
body: <p>i need to fire an ajax load when dropdown button is clicked.
  i don't know why it's not working, maybe bootstrap has some prevent.default on its dropdown</p>
  
  <pre><code>&lt;a id="country" data-toggle="dropdown" class="dropdown-toggle" href="#"&gt;
      &lt;i class="fa fa-comments-o"&gt;&lt;/i&gt;
      &lt;span class="badge bg-success2"&gt;{{ ScadNumNav }}&lt;/span&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>js</p>
  
  <pre><code>$(document).ready(function () {
      $('#country').click(function () {
          if (!$(this).hasClass('open')) {
              $.get("{% url 'azzera_notifiche' %}");
              doSomething();
              setInterval(doSomething, 5000);
          }
      });
  });
  </code></pre>
  
  <p>thanks!</p>