How can i implement the Datatable jquery in Razor view(MVC4)

Question

@{

ViewBag.Title = "Index";

}

<h2>Index</h2>

<script src="js/jquery.jeditable.js" type="text/javascript"></script>

<script src="~/Scripts/complete.js"></script>

<script src="~/Scripts/jquery.dataTables.editable.js"></script>

<script src="~/Scripts/jquery.dataTables.min.js"></script>

<script src="~/Scripts/jquery.jeditable.js"></script>

<script type="text/javascript">

$(document).ready(function () {

$('#example').dataTable()

.makeEditable({

sUpdateURL: function (value, settings) {

alert(value);

}

});

});

</script>

<table border="1" id="example">

<thead>

<th>Col Head 1</th>

<th>Col Head 2</th>

<th>Col Head 3</th>

<th>Col Head 4</th>

</thead>

<tr>

<td>1</td>

<td>Subramani</td>

<td>123</td>

<td></td>

</tr><tr>

<td>2</td>

<td>Nesamani</td>

<td>123</td>

<td>2014-01-24 09:51:30</td>

</tr><tr>

<td>3</td>

<td>Selvaraj</td>

<td>123</td>

<td>2014-02-01 03:46:01</td>

</tr><tr>

<td>4</td>

<td>Muruga</td>

<td>123</td>

<td>2014-01-28 03:42:19</td>

</tr> </table>

 

 

 

This one is shouldn't be work .