title: freemarker integrated with javascript
body: <pre><code>&lt;ul id="option5" class="abc"&gt;
  
  &lt;#list (optionsSelected)! as options&gt;
  &lt;li class=" ${options_index+1}"&gt;
     &lt;a href ="${options_url}"&gt;
            ${options_description}
     &lt;/a&gt;
  &lt;/li&gt;
  &lt;/#list&gt;
  &lt;/ul&gt;
  
  
  &lt;a href="${content_url}" onClick="abc()"; return false;"&gt;
  
  
  &lt;script&gt;
  function abc(){
  
      $('.nav_header li').click(function () {
             var blah = $(this).children().attr('href');
                  etc
                  etc ....
                  return false;
         }).filter(':first').click();
  
      }
  
  &lt;/script&gt;
  </code></pre>
  
  <p>My output looks like this with the above code:</p>
  
  <p>option1   option2  option3   option4 option5</p>
  
  <p>When I click on option 1 I want to see the "hey I'm option1"
  When I click on option 1 I want to see the "hey I'm ur second option"
  When I click on option 1 I want to see the "hey whats up I'm 3"
  etc without the page reloading. </p>
  
  <p>I want to know how can I get this behavior in freemarkeR? I have my js code for this but how do I put this in freemarkeR? I cannot find good examples of javascript integrated with freemarker. I'm quite new to freemarker, </p>