Help with JQuery function syntax and debugging

Help with JQuery function syntax and debugging

I am having a few issues with my JQuery functions. Below is the code: In Dreamweaver Line 14 is highlighted red as an error. I can't spot the error. and my $PopUp modal window doesn't fire on the last function. The HTML for that is below the JS.

Also for multiple JS functions on a page, can/should I just use one <script> and $(document).ready (function() ?

  2. <script>
  3. $(document).ready (function(){
  4. $(".status").click(function() {
  5.   $("#slider").slideToggle( "slow" );
  6. })
  8. });
  9. </script>
  10. <script>
  11. $(document).ready(function(){
  12.   
  13.     $('.featured h2').delay(2000).css('opacity:', '0').fadeTo(3500, 1,'swing')
  14.   });
  15. </script>
  16. <script>
  17. $(document).ready(function(){

  19. $(".social-circle li a").hover(
  20.    // Mouse Over
  21.   function(){
  22.  
  23.     
  24. $(this).css({opacity:.5},1000);
  25.   },
  26.   // Mouse Out
  27.   function(){
  28.       $(this).css({opacity:1},1000);
  29. })
  30. });
  31. </script>
  32. <script>
  33. // Semicolon (;) to ensure closing of earlier scripting
  34.     // Encapsulation
  35.     // $ is assigned to jQuery
  36.     ;(function($) {

  38.          // DOM Ready
  39.         $(function() {

  41.             // Binding a click event
  42.             // From jQuery v.1.7.0 use .on() instead of .bind()
  43.             $('.PopUp').bind('click', function(e) {

  45.                 // Prevents the default action to be triggered. 
  46.                 e.preventDefault();

  48.                 // Triggering bPopup when click event is fired
  49.                $('.PopUp').bPopup({
  50.             speed: 650,
  51.             transition: 'slideIn',
  52.    transitionClose: 'slideBack'
  53.         });

  55.             });

  57.         });

  59.     })(jQuery);
  60. </script>
  61.  <p>This is supposed to PopUp when clicked <a class="PopUp" href="#" title="PopUp">PopUp</a></p>