I would like to have the following jQuery script inserted into my a div tag '#works 'in index.html . Can anyone tell me what i am doing wrong?

Code:
("#works").append(' 
          <a id="port"   rel="nofollow" href="#"> <img class="work html" src="images/photos/Gartner.jpg" alt="Gartner" /> </a> 
         
          <a id="port-2" rel="nofollow" href="#"> <img class="work html" src="images/photos/MasterCard.jpg" alt="MasterCard" /> </a>
     
          <a id="port-3" rel="nofollow" href="#"> <img class="work js" src="images/photos/FYI.jpg" alt="FYI FreeScore.com" /> </a>
          
          <a id="port-4" rel="nofollow" href="#"> <img class="work css" src="images/photos/IAMSC.jpg" alt="IAMS Daily Cats" /> </a>
                    
          <a id="port-5" rel="nofollow" href="#"> <img class="work js" src="images/photos/PeoplesWM.jpg" alt="Peoples United Bank Wealth Managament" /> </a>
                   
          <a id="port-6" rel="nofollow" href="#"> <img class="work js" src="images/photos/PeoplesFA.jpg" alt="Peoples United Bank Financial Advisors" /> </a>
          
          <a id="port-7" rel="nofollow" href="#"> <img class="work html" src="./images/photos/MacHeist.jpg" alt="MacHeist Black Friday App Sale" /> </a>
                   
          <a id="port-8" rel="nofollow" href="#"> <img class="work flash" src="images/photos/Kraft.jpg" alt="Kraft DiGiorno Pizza Ad" /> </a>
          
          <a id="port-9" rel="nofollow" href="#"> <img class="work flash" src="images/photos/CAClosets.jpg" alt="California Closets Ad" /> </a> 
          
          <a id="port-10" rel="nofollow" href="#"> <img class="work flash" src="images/photos/CARep.jpg" alt="California Republic Ad" /> 
          
          <a id="port-11" rel="nofollow" href="#"> <img class="work js" src="images/photos/IKEA.jpg" alt="IKEA" /></a>
          
          <a id="port-12" rel="nofollow" href="#"> <img class="work css" src="images/photos/IAMSD.jpg" alt="IAMS Daily Dogs" /></a>
          
		');