Sage Cell code for a web page

SageCell.html

<!-- put this in the header-->
<script src='http://sagecell.sagemath.org/static/jquery.min.js'/>
<script src='http://sagecell.sagemath.org/static/embedded_sagecell.js'/>
<link href='http://sagecell.sagemath.org/static/sagecell_embed.css' rel='stylesheet' type='text/css'/>
<style>
.CodeMirror-scroll {height: auto; overflow-y: auto; overflow-x: auto; max-height: 60ex;}
</style>
<script>$(function () { sagecell.makeSagecell({&quot;inputLocation&quot;: &quot;.sage&quot;}) });</script>

<!-- put this in the body where you want a cell. adjust your inputs, of course. -->
<div class="sage">
<script type="text/x-sage">
1+2
</script></div>

I have adjusted this to follow Jason Grout's suggestions.