title: How to select a w3.css class with jQuery?
body: <p>I have these buttons: </p>
  
  <pre><code>&lt;ul id="db-history"&gt;
      &lt;li class="menupont"&gt;&lt;button class="w3-button w3-red" id="1ho"&gt;1 hónap&lt;/button&gt;&lt;/li&gt;
      &lt;li class="menupont"&gt;&lt;button class="w3-button w3-red" id="1het"&gt;1 hét&lt;/button&gt;&lt;/li&gt;
      &lt;li class="menupont"&gt;&lt;button class="w3-button w3-red" id="48ora"&gt;48 óra&lt;/button&gt;&lt;/li&gt;
      &lt;li class="menupont"&gt;&lt;button class="w3-button w3-red" id="24ora"&gt;24 óra&lt;/button&gt;&lt;/li&gt;
      &lt;li class="menupont"&gt;&lt;button class="w3-button w3-red" id="1ora"&gt;1 óra&lt;/button&gt;&lt;/li&gt;
      &lt;li class="menupont"&gt;&lt;button class="w3-button w3-red" id="most"&gt;most&lt;/button&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>And this click event:</p>
  
  <pre><code>$(document).ready(function() {
  $(".w3-button w3-red").click(function(){
      alert(this.id);
  });});
  </code></pre>
  
  <p>How to get this work? I think this is valid. I worked with w3.css classes, as you see. The selector is wrong I think, because if I put simple "button" to the selector, it works.</p>