title: Highlight menu item based on current view
body: <p>I'm currently checking a variable in the template on each menu item to see if I should add a CSS class to highlight it. </p>
  
  <pre><code>{% if title == "Home" %}
  &lt;li class="active"&gt;
  {% else %}
  &lt;li&gt;
  {% endif %}
  </code></pre>
  
  <p>I want to create a list containing four menu items.  To get the desired effect I'm going to have to repeat the above code four times.</p>
  
  <pre><code>"menu":[
  {"title":"home", "link":"/"}, 
  {"title":"about", "link":"about"}, 
  {"title":"contact","link":"contact"}
  ]
  </code></pre>
  
  <p>Is there a simpler way to cycle through the list and highlighting the appropriate item?</p>