How Can I Implement The Datatable Jquery In Razor View(Mvc4)?

@{
    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>