JavaScript button event handler not working
<p>I am learning javascipt and now i have a piece of code but i am unable to get this to work, javascript isn't executed. I have already searched the web but i can't find an answer. Maybe you guys can help me with this.</p>

<p><strong>HTML</strong></p>

<pre><code>&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;Text Game&lt;/title&gt;
     &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"&gt;&lt;/script&gt;
     &lt;script type="text/javascript" src="javascript.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
        &lt;button&gt;&lt;span id="click"&gt;0&lt;/span&gt;&lt;/button&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p><strong>Javascript</strong></p>

<pre><code>// Variables
var waarde = {
  amount:2
};

$(document).ready(function() {
  updateValues();
});

function updateValues() {
  document.getElementById("click").innerHTML = waarde.amount;
}

$('#click').click(function() {
  waarde.amount = waarde.amount + 1;
  updateValues();
});
</code></pre>