jQuery not working

JavaScript
1

Hi - I have snippet of code (pasted below) and although the html/css is rendering but for some reason the jQuery is not doing anything.
I can’t see what is wrong after spending a while trying to figure it out, any help would be appreciated.

<!DOCTYPE html>

<html lang="en">
<head>
  <title>Introduction</title>
  <style>
  /*
     CSS Style sheets are only inline to keep the
     code examples together for readability. When
     using this code in production, please
     externalize all style sheets.
  */
  .myclass {
    background-color: black;
    color: white;
  }
  </style>
 </head>
<body>
<h1>Introduction</h1>

<p>The HTML in the examples is kept as simple as
  possible.</p>

<p class="myclass">This is a placeholder for content</p>

<p id="myid">You can click on this paragraph</p>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<script type="text/javascript">
// JavaScripts are only inline to keep the code
// examples together for readability. When using
// this code in production, please externalize
// all JavaScript code.

$(document).ready(function() {

  $('p').css('font-weight', 'bold');

  $('.myclass').html('Different <em>content</em>');

  $('#myid').click(function() {
    alert('Hello world!');
  }
});

</script>

</body>
</html>

.

2

There’s a little syntax error near the end of your script. Add the bit in red:


$(document).ready(function() {

  $('p').css('font-weight', 'bold');

  $('.myclass').html('Different <em>content</em>');

  $('#myid').click(function() {
    alert('Hello world!');
  }[COLOR="#FF0000"]);[/COLOR]
});
3

thanks, I must have been day dreaming :slight_smile: