Tabla Editable desde el front end

Buenas tardes, necesito crear una tabla editable desde el frontend y para eso tengo desarrollado el código de la estructura de la tabla, pero no encuentro la manera de vincularlo al archivo javascript , el código que no funciona es el siguiente:

<script src=»https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js»></script>
<script src=»C:\xampp\htdocs\gestion\wp-content\themes\Divi\js\editableTableWidget.js»></script>
<script>
$(‘#tabla’).editableTableWidget();
</script>

Al probar el código desde una pagina cualquiera definida como index.html funciona correctamente, pero al querer trabajarlo desde wordpress no. He probado con las funciones para insertar código javascript en wordpress pero tampoco funciona en el momento que llamo a la función:
<script>
$(‘#tabla’).editableTableWidget();
</script>

Alguna recomendación?