How to get inner HTML of element inside a list item, within a delegate?
<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>
