javascript - tooltip won't work; div won't display -

I am very new to JavaScript, and I am practicing a tooltip. I've got the text, but I can not style it with what's in my CSS.

I am trying to find answers to so many tutorials and Q & A, and I am still confused.

Is there anything in me that is happening in my way?

Here's my code:

  & lt; Head & gt; & Lt; Style & gt; Body {background color: gray; } .tooltip {background: blue; Font-size: 60px; Height: 70px; Width: 160px; Padding: 25px; Art color; } & Lt; / Style & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div id = "demo" & gt; & Lt; Img src = "pic1.jpg" title = "tooltip text # 1" /> & Lt; / Div & gt; & Lt; Script type = "text / javascript" language = "javascript" src = "http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.1.min.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" language = "javascript" src = "https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" & gt; & Lt; / Script & gt; & Lt; Script & gt; $ (Document) .ready (function () {$ ("# demo img [title]"). Tooltip ();}); & Lt; / Script & gt; & Lt; / Body & gt;