Unable to get position() in JQuery $.each loop

Question

I am trying to make an editable box (kind of a richTextBox) using html5 (contenteditable="true") and jquery. I need to find out position of each element inside the editable div so that I can insert a page break like microsoft word does. Here is the page ``` jQuery Context Menu Plugin Demo

jQuery Context Menu Plugin and KendoUI Demo

Accepted Answer

You need to get the `jQuery` object out of `item`, as `position()` is a `jQuery` method, hence the complain about `position()` is not a function

```
$(item).position() // instead of item.position()
```

Or even more concise:

```
$.each($("#divEdit").find("*"), function(i,item){
   alert(item.position());
}
```

change to

```
$('#divEdit').find('*').each(function() { 
   alert($(this).position());
})
```

Unable to get position() in JQuery $.each loop

Solution

Problem