title: How to get inner HTML of element inside a list item, within a delegate?
body: <p>I have this bit of HTML :</p>
  
  <pre><code>&lt;li eventId="123"&gt;
      &lt;img src="image.jpeg"/&gt;
      &lt;h3 id="eventName"&gt;Event Name&lt;/h3&gt;
      &lt;p id="eventDescription"&gt;&lt;/p&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>I want to be able to pull out the <code>&lt;h3&gt;</code> and <code>&lt;p&gt;</code> via jQuery so that I can update their values.</p>
  
  <p>I have a delegate bound to the list items, and on click I'm trying to grab hold of <code>&lt;h3&gt;</code> and <code>&lt;p&gt;</code> using :</p>
  
  <pre><code>function eventIdClicked()
  {
      // This gets hold of "123" OK
          theEvent.id = $(this).get(0).getAttribute('eventId');
  
          // How to get the other 2 inner html?
      var existingEventName = $(this).get(1).getAttribute('eventName');
          var existingEventDesc = $(this).get(2).getAttribute('eventDescription');
      $.mobile.changePage("home.html");
  }
  </code></pre>
  
  <p>Am I able to do this?</p>