jQuery Retina Display Plugin not working

jQuery Retina Display Plugin not working

I followed the installation instructions but I am not getting any changes on my IOS simulator or my live device (iphone 4S).


I am actually making a responsive version for mobile here, 
My navigation is in a ul, li controlled by css, I don't have an image tags in my html is that why?

  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta name="viewport" content="width=device-width,initial-scale=1">
  6. <meta name="apple-mobile-web-app-capable" content="yes" >

  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  9.        

  11. <!-- The jQuery library (CDN) -->
  12. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

  14. <!-- Include the plugin *after* the jQuery library -->
  15. <script type="text/javascript" src="_js/basic-jquery-slider.js"></script>


  18. <script>window.jQuery || document.write('<script src="_js/jquery-1.8.2.min.js"><\/script>')</script>
  19. <script type="text/javascript" src="_js/jquery.retina.js" ></script>

  21. <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
  22. <script>
  23. var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
  24. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  25. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  26. s.parentNode.insertBefore(g,s)}(document,'script'));
  27. </script>

  29. <link rel="stylesheet" href="../stylesheets/basic-jquery-slider.css">

  31. <link rel="stylesheet" href="../stylesheets/normalize.css">
  32. <link rel="stylesheet" href="../stylesheets/fonts.css">

  34. <link rel="stylesheet" href="../stylesheets/main.css" > 
  35. <link rel="stylesheet" href="../stylesheets/iphone.css" /> 



  39. <script type="text/javascript">
  40.         $(document).ready(function() {
  41.             // slider              
  42.             $('#banner').bjqs({
  43.             'animation' : 'slide',
  44.             'width' : 700,
  45.             'height' : 300
  46.             });
  47.             // jquery-retina display plugin
  48.             $('img').retina();

  50.     });
  51. </script>
  52. </head>
  54. <body>


  57. <!--[if lt IE 7]>
  58.     <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
  59. <![endif]-->         

  61. <header>
  62.     <ul id="mobileTop">
  63.         <a name="mobileTopMenu"></a>
  64.         <li class="smoothScroll"><a href="#mobile" id="home" class="mobile_nav-nav_sprite" ><em>work</em></a></li>
  65.        <li class="smoothScroll"><a href="#mobilefaq" id="faq" class="mobile_nav-nav_sprite"><em>faq</em></a></li>
  66.         <li><a href="mailto:barbara_pav@hotmail.com?subject=Speech-Language Inquiry" id="email" class="mobile_nav-nav_sprite "><em>contact</em></a></li>
  67.     </ul>
  68. </header>


  71. <div id="wrapper">
  72.     <div id="scroll-content">
  73.                 <section id="mobilehomeContent">
  74.                 <a name="mobile"></a>
  75.                 <h2>What is speech therapy?</h2>
  76.                         <p>
  77.                          Keytar seitan next level, bushwick mcsweeney's jean shorts quinoa blog aesthetic forage mlkshk +1 keffiyeh lo-fi ethnic. Fanny pack mcsweeney's tattooed, cred wolf food truck lomo trust fund swag fap. Pop-up flexitarian etsy, before they sold out vice beard ennui brooklyn synth sustainable typewriter.  
  78.                         </p>       
  79.                   </section><!-- homeContent--> 

  81.                 <section id="mobilefaqContent" >
  82.                     <a name="mobilefaq"></a>
  83.                     <h2>Frequently asked questions?</h2>
  84.                         <ul class="mobilefaqlist">
  85.                             <li>When a parent should seek speech therapy?</li>
  86.                             <li>How do I know if my child has delayed speech language skills?</li>
  87.                             <li>How do I know if I should look for a speech-language therapist.</li>
  88.                             <li>Keytar seitan next level, bushwick mcsweeney's jean shorts quinoa?</li>

  90.                         </ul> <!-- faqlist-->      
  91.             </section><!-- faqContent-->  
  92.     </div> <!-- scroll-content-->       
  93. </div> <!-- wrapper-->       

  95. <footer>
  96.     <ul id="mobileBottom">
  97.         <li><a href="http://www.linkedin.com/pub/barbara-pavicevac/2b/56a/434" target="_blank" id="linkedin" class="mobile_nav-nav_sprite"><em>linkedin</em></a></li>
  98.        <li><a href="https://twitter.com/Babspav" target="_blank" id="twitter" class="mobile_nav-nav_sprite"><em>twitter</em></a></li>
  99.         <li><a href="http://www.facebook.com/groups/108100642565490/?fref=ts" target="_blank" id="facebook" class="mobile_nav-nav_sprite"><em>facebook</em></a></li>
  100.     </ul>
  101. </footer>