title: jQuery .Click() Doesn't Work
body: <p>I have an external <code>*.js</code> file which contains the following code:</p>
  
  <pre><code>$(".hlavni_tema").click(function() {
    alert("ok");
  });
  alert("loaded");
  </code></pre>
  
  <p>and an HTML page, as follows:</p>
  
  <pre><code>&lt;div id="tema"&gt;
   &lt;span id="hlavni_tema_1" class="hlavni_tema"&gt;Základní fyzikální pojmy a jednotky&lt;/span&gt;
   &lt;input type="checkbox" name="tema" id="tema_1a" value="'1a'"&gt;
   &lt;label for="tema_1a"&gt;Základní fyzikální pojmy, měření ve fyzice&lt;/label&gt;
   ...
   &lt;span id="hlavni_tema_8" class="hlavni_tema"&gt;Astrofyzika&lt;/span&gt;
   &lt;input type="checkbox" name="tema" id="tema_8d" value="'8d'"&gt;
   &lt;label for="tema_8d" class="posledni_label"&gt;Fyzikální obraz světa&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In the HEAD section, I include both the jQuery and external file sources, as follows:</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="/_jscripts/tema.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>When I open the webpage, <code>alert()</code> notifies <code>"loaded"</code>, so that jQuery file is imported. But when I click on the span element whose class is  "hlavni_tema"`, nothing happens. I've tried also with this code:</p>
  
  <p><code>.on("click", function())</code></p>
  
  <p>and</p>
  
  <p><code>.on("click", "#tema", function())</code></p>
  
  <p>-- all to no avail. </p>
  
  <p>Thanks for any help.</p>