title: live('click') working on desktop, but not on mobile browsers
body: <p>I am trying to create a small secondary navigation bar that will display for mobile devices. It will eventually show and hide specific divs depending on the link clicked. I am using the color change as a test to see if everything is calling correctly. The color change works fine on a desktop browser, but not on smartphones.</p>
  
  <p>After searching for advice here, I have tried "delegate" without success. I believe live() is superior for a show/hide function anyways. None of the other advice I could find seemed relevant to this situation. I have tried using the preventDefault method rather than return false, though I'm not clear on the practical differences between the two, and neither has worked.</p>
  
  <p>I am a designer, not a developer, and am very new to jquery, though I am somewhat familiar with basic coding terminology and best practices.</p>
  
  <pre><code>$('#nav2 a').unbind("click");
  
  $('#nav2 a').live('click',function(){
      $(this).css('color','#F00');
      return false;
  });
  </code></pre>
  
  <p>The HTML code looks like this:</p>
  
  <pre><code>&lt;div id="nav2"&gt;&lt;p&gt;&lt;ul&gt;
      &lt;li&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="smOnIssue"&gt;In This Issue&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="smFeatures"&gt;Features&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="smArchive"&gt;Archive&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;&lt;/p&gt;&lt;/div&gt;
  </code></pre>
  
  <p>As I said, it is working fine on the desktop, but the mobile does nothing. I am using the most recent version of jquery. Thank you! I really appreciate whatever help any of you can give me.</p>