2013_11_20 - Update - 12:00noon

John - You'll soon discover why I'm routinely being chastised by my
(adult) daughters.  The politically incorrect version of Hot and Cold is
loaded to GitHub.  (PS - when I go live and share it with others, I'm
going to drop the "girls" section.  I suspect the image is copyrighted.)

Here's where I am:

HTML file:
1.  I have an "extra" body html tag (below).  If I remove it, the page
format is destroyed.  In the HTML inspector, the first body tag has the
word "style" after it, while the second one (below) doesn't.  I have no
clue how I managed to add two and / or get the style attribute on one!
Perhaps, copying and pasting between Sublime and jsFiddle.  Please
explain.  Thanks!

jQuery file:
In the scheme of things, I’m pleased with myself.  I’ve learned how to
(1) use Google’s font library, (2) find code on the web (showBanner
sequential fadeIn function), and (3) add a jQuery Plugin (Modern Blink).
Some questions:

1. Why do I get this jQuery error message: event.returnValue is
deprecated. Please use the standard event.preventDefault() instead
jquery.js:5374

2.  What's the proper way to reset a form?  Why doesn’t this work:

function formReset() {
document.getElementByClassId("inputBox").reset()
}

Or this:

$("#inputBox").onkeypress=formReset()

3. I get an error message using “||” for or with my “if / else”
statements.  Why, syntax issue?

} else if (guess < p[0] < target) || (target < p[0] < guess) {
$(".messageBox p:nth-child(2)").append("<h2>You're Getting
Colder</h2>");
} else if (p[0] < guess < target)) || (target < guess < p[0]) {
$(".messageBox p:nth-child(2)").append("<h2>You're Getting Hotter<h2>");
}

So I wimped out and “copied” Michael Doyle’s approach.  However, Hotter
and Colder still aren’t working – I think because I’m not targeting my
array index (previousGuess) appropriately.