title: rails 3.2 will paginate change style current page
body: <p>I am trying to add some style to the current page to highlight it from the other pages style. But my code does not seem to work... all the numbers look the same!</p>
  
  <pre><code>&lt;section id="pagination"&gt;   
    &lt;nav&gt;
       &lt;ul&gt;
          &lt;li&gt;&lt;a class='&lt;%= "active" if (params[:page]).to_i == @myths.current_page %&gt;'&gt;   
                &lt;!-- checking current page and params page --&gt;   
                &lt;%=  @myths.current_page.to_i %&gt; &lt;br&gt;  &lt;%=  (params[:page]).to_i %&gt; &lt;br&gt;
                &lt;%= will_paginate @myths, :inner_window =&gt; 1, :outer_window =&gt; 1, :previous_label =&gt; '&amp;#8592; previous', :next_label =&gt; 'next &amp;#8594;' %&gt;
          &lt;/a&gt;&lt;/li&gt;
       &lt;/ul&gt;
    &lt;/nav&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>Any help is appreciated.    </p>
  
  <p><strong>update</strong>   </p>
  
  <p>CSS<br>
      <code>a.active{text-decoration:underline;}</code>   </p>
  
  <p>Picture of the pagination the current page is 3 (the style is applied when i check for the current page).   </p>
  
  <p><img src="https://i.stack.imgur.com/wMkg0.png" alt="enter image description here"> </p>
  
  <p>I am not using any helper.<br>
  Here is the generated html    </p>
  
  <pre><code> &lt;section id="pagination"&gt;
          &lt;nav&gt;
            &lt;ul&gt;
              &lt;li&gt;&lt;a class='active'&gt;
                3 &lt;br&gt;  3 &lt;br&gt;
                &lt;div class="pagination"&gt;
                &lt;ul&gt;
                &lt;li class="prev previous_page "&gt;
                  &lt;a rel="prev" href="/tags/Justice?page=2"&gt;&amp;#8592; previous&lt;/a&gt;
                &lt;/li&gt; 
                &lt;li&gt;&lt;a rel="start" href="/tags/Justice?page=1"&gt;1&lt;/a&gt;&lt;/li&gt; 
                &lt;li&gt;&lt;a rel="prev" href="/tags/Justice?page=2"&gt;2&lt;/a&gt;&lt;/li&gt;
                &lt;li class="active"&gt;&lt;a href="/tags/Justice?page=3"&gt;3&lt;/a&gt;&lt;/li&gt;            
                &lt;li&gt;&lt;a rel="next" href="/tags/Justice?page=4"&gt;4&lt;/a&gt;&lt;/li&gt; 
                &lt;li&gt;&lt;a href="/tags/Justice?page=5"&gt;5&lt;/a&gt;&lt;/li&gt; 
                &lt;li class="next next_page "&gt;
                  &lt;a rel="next" href="/tags/Justice?page=4"&gt;next &amp;#8594;&lt;/a&gt;
                &lt;/li&gt;
                &lt;/ul&gt;
                &lt;/div&gt; 
              &lt;/a&gt;&lt;/li&gt;
          &lt;/nav&gt;
        &lt;/section&gt;   
  </code></pre>
  
  <p>this is the problem</p>
  
  <pre><code>&lt;li class="active"&gt;&lt;a href="/tags/Justice?page=3"&gt;3&lt;/a&gt;&lt;/li&gt;   
  </code></pre>
  
  <p>it should be    </p>
  
  <pre><code>&lt;li&gt;&lt;a class="active" href="/tags/Justice?page=3"&gt;3&lt;/a&gt;&lt;/li&gt;   
  </code></pre>
  
  <p>for it to work. how to fix that?   </p>
  
  <p>since i am on page 3, 3 should be underlined the pagination should be like : &lt;- previous 1 2 3 4 5 next ->   </p>