title: Highlight selected item in navbar
body: <pre><code>&lt;div class="wrap"&gt;
    &lt;div class="nav-wrap"&gt;
      &lt;ul class="group" id="example-one"&gt;
        &lt;li class="current_page_item"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Movies&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;EVENTS&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Booking&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Sign In&lt;/a&gt;&lt;/li&gt; 
        &lt;li&gt;&lt;a href="#"&gt;Theatres&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Gallery&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;About Us&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;                                   
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>given above is my navabar. what should i do to make the selected item in the navbar highlighted? should i use any <code>jquery</code> or something like that</p>