sorry i am a beginner in jQuery and new in stackoverflow, it is hard for me to tell the differences from those DOM elements.
I want to change the innerHTML in the `<p>` element, but something strange happened.. 

For example

html code:

```
<div id='main-content'> 
    <p id='p0'>0</p>
    <p>0</p>
</div>

```

js code:

```
var p=$('#main-content').children('p');

$('#p0').html('100');
p[1].html('100');

```

I want to change the innerHTML of the first and second  element from 0 into 100, but the second method p[1].html('100') doesn't work...and the console said that TypeError: p[1].html is not a function. please help me, Firebug told me that $('#p0') is [object object] and p[1] is [object HTMLParagraphElement], could u explain the differences to me, thank u so much TAT