Question: So i have this Dynamic html in my code.

```
  $('#chat-box').html(
                            '<div id="chat-box-msg" style="height:225px;overflow:auto;">' +
                            '<p id="hidepara">Have a question? Let\'s chat!</p><p>Enter your Name & Question in the field\'s below and press ENTER.</p>' +
                            '<p style="margin-top:10px;">Enter Your Name</p><input type="text" id="chat-box-name" style="border:1px solid #0354cb;border-radius: 3px;width: 100%;height:30px;" class="chat-editing" /></div>' +
                            '<div id="chat-box-input"><textarea id="chat-box-textinput" style="width:100%;height:45px;border:1px solid #0354cb;border-radius: 3px;" /></div>'
                        );

```

This what id do to get text 

```
var todos = $('#chat-box-msg').text();

```

I was wondering how can i get all html of id `"chat-box-msg"` and hide the text of paragraph having id `"hidepara"`. So in short i want all html of div except the one having id `"hidepara"`,

Dont be too harsh, i am **`newbie`** to jquery.

Thanks a lot

Answer: 
Try to exclude the element that you want and just invoke `.text()` function from the filtered collection,

```
var text = $('#chat-box-msg').children(':not("#hidepara")').text();

```

[DEMO](http://jsfiddle.net/95npg/)
----------------------------------
try something like this

```
var todos = $('#chat-box-msg').clone().find('#hidepara').remove().end().text();

```