TypeError: undefined is not a function

[junelmujar]

Hi,

I'm encountering the following error: TypeError: undefined is not a function

on the following line:

$elem.find('thead th').each(function() {

My html is as follows:

            <table datatable sAjaxSource="data.json" sAjaxDataProp="result" class="table table-striped table-bordered">
                <thead>
                    <tr>
                        <th data-mdata="id" data-sclass="highlight-red">ID</th>
                        <th data-mdata="name">Name</th>
                        <th data-mdata="about.text" data-bvisible="false">About me</th>
                        <th data-mdata="phone">Phone</th>
                        <th data-mdata="email">Email</th>
                        <th data-mdata="age">Age</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>

Verbatim from your example.html.

The only difference is that it's part of a partial view. What do you think I did wrong?

Thank you in advance.

Regards,

Junel