I have loaded jQuery in functions.php now.
But one error remaining here.
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>etc</th>
</tr>
</thead>
<tbody>
<tr>
<td>Row 1 Data 1</td>
<td>Row 1 Data 2</td>
<td>etc</td>
</tr>
<tr>
<td>Row 2 Data 1</td>
<td>Row 2 Data 2</td>
<td>etc</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="wpb_text_column wpb_content_element ">
<div class="wpb_wrapper">
<script type='text/javascript' language='javascript' class='init'>
jQuery(document).ready(function() {
jQuery('#test').DataTable({
'info': true,
'paging': false,
'pageLength': 5,
'pagingType': 'full',
'bLengthChange': true,
'ordering': true,
'order': [1,'asc'],
'searching': false,
} );
jQuery('#test_wrapper select').prepend('<option value=5>Select</option>').val('');
jQuery('#test_wrapper select')[0].options[0].selected = true; } );
Uncaught TypeError: Cannot read property ‘options’ of undefined(anonymous function) @ (index):459f.Callbacks.n @ jquery-1.7.1.min.js?ver=1.7.1:2f.Callbacks.o.fireWith @ jquery-1.7.1.min.js?ver=1.7.1:2e.extend.ready @ jquery-1.7.1.min.js?ver=1.7.1:2c.addEventListener.B @ jquery-1.7.1.min.js?ver=1.7.1:2