title: Click on <i> tag that doesn't represent italics but icon
body: <p>Perhaps I have to manage with bad HTML programming (check <a href="https://stackoverflow.com/questions/11135261/should-i-use-i-tag-for-icons-instead-of-span">here</a>). </p>
  
  <p>In below code <code>&lt;i&gt;</code> doesnt represent a word in italics but an icon. Which I want to click but which <code>WATIR</code> is suitable for this?</p>
  
  <p>I went to <a href="http://pettichord.com/watirtutorial/docs/watir_cheat_sheet/WTR/Methods%20supported%20by%20Element.html" rel="nofollow noreferrer">this</a> post and I tried <code>button</code> and <code>image</code> methods but none worked.</p>
  
  <p>I tried it by creating its <code>page object</code> (as it is the way I want it to be).</p>
  
  <p><code>button(:attendees_list, :title =&gt; 'attendees')</code> and <code>image(:attendees_list, :title =&gt; 'attendees')</code></p>
  
  <p>used it as 
  <code>on(UpcomingWebinarPage).attendees_list</code></p>
  
  <pre><code>&lt;a class="webinar" href="javascript:;"&gt;
    &lt;i class="icon" title="attendees"&gt;&lt;/i&gt;
    &lt;span class="number"&gt;12&lt;/span&gt;
  &lt;/a&gt;
  </code></pre>