Get sum of the same class
<p>I have</p>

<pre><code>&lt;div id="english"&gt;
   &lt;ul&gt;
        &lt;li&gt;English&lt;/li&gt;
        &lt;li&gt;Instructor Name&lt;/li&gt;
        &lt;li class="grade"&gt;85&lt;/li&gt;
   &lt;/ul&gt;
&lt;/div&gt;

&lt;div id="math"&gt;
    &lt;ul&gt;
        &lt;li&gt;Math&lt;/li&gt;
        &lt;li&gt;Instructor Name&lt;/li&gt;
        &lt;li class="grade"&gt;80&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;

&lt;div id="science"&gt;
    &lt;ul&gt;
        &lt;li&gt;Science&lt;/li&gt;
        &lt;li&gt;Instructor Name&lt;/li&gt;
        &lt;li class="grade"&gt;90&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;
&lt;p id="grade-sum"&gt;Sum of grade here&lt;/p&gt;
</code></pre>

<p>My question is how I am going to get the sum of that class grade using jquery.
The sum should be 255.</p>
