ajax - Loading an external html into a page file using jQuery -

i'm trying externalize header section (which change often) it's own html file, , use jquery load .load function. have saved file used in separate folder , load element first, script (i have declared jquery 1.10 btw)

here code: in page want go:

<div id="header"></div> <script type="text/javascript"> $(document).ready(function(){         $(‘#header').load(‘externals/header.html');  }); </script> 

and file in folder called 'externals'

however page not load header. here page code, that's worth:

  <div class="logo">     <h1><a href="../index.html"> <img src="../images/logo.png" alt="whitehouse dezigns - custom built streetrods"></a></h1> </div> 

    <div class="head-icon">         <a href="https://www.facebook.com/whitehousedezigns" class="head-icon-01" target="_blank"></a>         <a href="http://instagram.com/whitehouse_dezigns" class="head-icon-02" target="_blank"></a>         <a href="https://youtube.com/channel/uc7zcreziasm4eazlm_adn3w" class="head-icon-03" target="_blank" target="_blank"></a>         <div class="clear"></div>      </div>        <nav>           <ul class="sf-menu">             <li class="current"><a href="index.html">home</a></li>             <li><a href="../about.html">about us</a></li>             <li><a href="../services.html">services</a></li>             <li><a href="../gallery.html">gallery</a></li>             </li>            </ul>           <div class="clear"></div>        </nav>        <div class="clear"></div>  </div> 

it looks using mismatched quotes:

$(‘#header').load(‘externals/header.html');  

try

$('#header').load('externals/header.html');