Jquery not showing up in browser (Using carousel plug-in: Camera)

Jquery not showing up in browser (Using carousel plug-in: Camera)

Hi everyone!

So I'm trying to build a website but jquery doesn't appear on the page. I've scanned my html/css meticulously and couldn't find any errors...and I tested the file paths using the page source code with Mozilla Firefox, and they all loaded fine.

Plugin I am using: http://www.pixedelic.com/plugins/camera/#

So it's not the file path.

I followed this guide to troubleshoot jQuery: http://css-plus.com/2010/03/6-steps-to-take-if-your-jquery-is-not-working/

I got to step 4, where I removed all of the jquery and camera plugins except the standard minified jquery library and wrote in the simple script to put a red border around every div...but nothing happened.

So I know it's not a problem with the file paths.
I know it's not any of the plugins.
I know it's not the browser.

What in the world is going on?

Here is my updated code:

Thanks so much!


______________________________________________________________________

<!DOCTYPE html>
<html>

<head>

<meta charset = "UTF-8">
<meta name = "description" content = "test">
<meta name = "keywords" content = "test">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Test</title>


<link href = "css/testww.css" rel = "stylesheet">
<link href = "css/camera.css" rel = "stylesheet" media = "all">


<!--jQuery-->
<script src = "javascript/jquery.min.js"></script>
<script src = "javascript/jquery.mobile.customized.min.js"></script>
<script src = "javascript/jquery.easing.1.3.js"></script>
<script src = "javascript/camera.min.js"></script>

<script>
jQuery(document).ready(function() {
    jQuery("camera_wrap").camera({
      thumbnails: false
    });
});
</script>

</head>

<body>

<!--Navbar-->
<div class = "Navbar">
  <ul>
    <li><a href = "#">HOME</a></li>
    <li><a href = "#">ABOUT</a></li>
    <li><a href = "#">SERVICES</a></li>
    <li><a href = "#">CONTACT</a></li>
  </ul>
</div>



<!--Camera-->

<div class = "camera_wrap">
  <div data-src="images/slide1.jpg"><
/div>
  <div data-src="images/slide2.jpg"></div>
  <div data-src="images/slide3.jpg"></div>

</div>




<!--Welcome-->
<div class = "Welcome">
  <h2>Welcome to Walsh's Window Cleaning</h2>

  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce condimentum, nunc non iaculis volutpat, nunc massa<br>
   scelerisque arcu, at fermentum velit lacus id augue. Donec et libero nec lacus aliquam commodo. Pellentesque tortor<br>
   enim, rutrum condimentum quam eget, lobortis mollis sapien. Praesent at augue vitae ex tincidunt venenatis ac id turpis.<br>
   Nam rutrum tellus quis enim imperdiet molestie. Nulla quis pulvinar tortor. Maecenas eget felis non purus scelerisque consequat.<br>
   Proin condimentum suscipit leo, sed euismod ligula lacinia nec. Pellentesque pretium justo vel metus viverra sollicitudin.<br>
   Praesent sapien massa, finibus vel risus a, suscipit euismod nibh. Morbi vitae tempor ex. Donec viverra pellentesque ante at<br>
   euismod. Nunc non urna malesuada, feugiat turpis ac, elementum dolor. Suspendisse viverra auctor dui, sed imperdiet tellus<br>
   tincidunt ac. In velit leo, fringilla eu est non, imperdiet porttitor mi. Aliquam facilisis efficitur mauris et faucibus.<br></p>

  <p>Ut lorem odio, fermentum vel velit eget, convallis venenatis tellus. Class aptent taciti sociosqu ad litora torquent per conubia<br>
  ut convallis. Donec at sapien finibus, pellentesque enim eu, efficitur lectus. Nam a eros urna. Vivamus vulputate mi vel nunc molestie,<br>
  sit amet aliquet ex blandit. Integer eget tellus arcu. Nunc egestas tortor molestie dapibus varius. Suspendisse quis magna tellus. Curabitur<br>
  sit amet mi iaculis, tempus sapien a, dignissim eros. Nullam tincidunt, massa luctus consectetur porttitor, tortor lacus lobortis purus, et<br>
  rhoncus dolor dolor a erat. Praesent tristique semper lacinia.<br></p>
</div>



</body>

<footer>


</footer>


</html>

____________________________________________________