title: javascript function doesn't work when link is clicked
body: <p>I have a fairly simple page with a sidebar nav and an iFrame in which to load content.</p>
  
  <p>I want to change the content of the of the iFrame by clicking on links in the sidebar nav. I'm using the javascript to change the source (.src) of the document.element.</p>
  
  <p>I've read numerous articles (StackOverflow) and the code should work, but is simply doesn't.</p>
  
  <p>The code below is the html page I've created and it includes the JS in a  tag.</p>
  
  <pre><code>&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;title&gt;Untitled Document&lt;/title&gt;
  &lt;link href="css/default.css" rel="stylesheet" type="text/css"&gt;
  
  &lt;script type="text/javascript"&gt;
      function getContent{
  
          document.getElementById("contentFrame").src="LoremIpsum.html";  
  
      }
      &lt;/script&gt;
  
  
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div class="sidebar"&gt;&lt;h1&gt;Technical Documentation&lt;/h1&gt;
  &lt;ul&gt;
      &lt;li&gt;Configuration Guides&lt;/li&gt;
      &lt;li&gt;API Guides&lt;/li&gt;
      &lt;li&gt;&lt;a href="" onclick='getContent()'&gt; LoremIpsum&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;!-- &lt;button onclick="getContent()"&gt;Lorem Ipsum&lt;/button&gt;    --&gt;
  
  &lt;/div&gt;
  
  
  &lt;iframe class="content"  id="contentFrame" src="dummy.html"&gt;
  &lt;/iframe&gt;
  
  &lt;/body&gt;
  </code></pre>