Compare Div Values
<p>I want to create a webpage where if Chelsea has a greater goal count than Arsenal, Chelsea's score increases by 1, and vice versa. It is not working and I am not sure why - then again I only started learning JS/JQ a couple of days ago.</p>

<p>What's wrong with the code? Also note, nothing is ever logged in the console. :(</p>

<pre><code>$(document).ready(function() {
    $("#play").click(function(){
            var chelsea = parseInt($('#chelsea-goals').val());
            var arsenal = parseInt($('#arsenal-goals').val());
        if (chelsea &gt; arsenal) {
            parseInt($('#score-chelsea').val())++;
            console.log('Chelsea &gt; Arsenal');
        }
        else if (arsenal &gt; chelsea) {
            parseInt($('#score-arsenal').val())++;
            console.log('Arsenal &gt; Chelsea');
        }
        else {
            console.log('Scores were equal');
        }       
   });
});
</code></pre>

<p>Also pardon the formatting - it is correct in my code - just doesn't look that nice on here.</p>

<p><strong>UPDATE</strong></p>

<pre><code>&lt;div class="scores" id="score-chelsea"&gt;0&lt;/div&gt;
&lt;div class="scores" id="score-arsenal"&gt;0&lt;/div&gt;
&lt;div class="goals" id="chelsea-goals"&gt;{{chelsea.goals}}&lt;/div&gt;
&lt;div class="goals" id="arsenal-goals"&gt;{{arsenal.goals}}&lt;/div&gt;
&lt;button id ="play"&gt;&lt;/button&gt;
</code></pre>
