I have the following elements on my html page:

```
<ul class="form-tabs">
    <li class="active" data-bind="blah-blah-blah-1">
    <li class="" data-bind="blah-blah-blah-2">
</ul>

```

I need to iterate over `data-bind` properties, so I did the following: 

```
$("ul.form-tabs > li").prop('data-bind', function (index, element) {
  console.log(element);
});

```

There are two `undefined` in log. [JQuery API](https://api.jquery.com/prop) says: *It returns `undefined` for the value of a property that has not been set, or if the matched set has no elements.* But, wait a minute, my `<li>` has `data-bind` property! Also, when i try to use `.prop('class')`, it works perfect giving me `"active"` and `""`. 

I said OK and wrote this:

```
$("ul.form-tabs > li").each(function (index, element) {
  console.log(element.prop('data-bind'));
});

```

Now i have this error: `TypeError: element.prop is not a function`. 

So, the question is: what am i doing wrong?

P.S. I use jquery 1.10.1 and knockout. Could this be a conflict?

P.P.S. Thanks to everyone, this code works perfect:

```
$("ul.form-tabs > li").each(function (index, element) {
  console.log($(element).attr('data-bind'));
});

```