Simple Jeditable Problem

Question

I just started with Jeditable and for 3 hours now it seems I can't figure it out. This tutorial should have been piece of cake:

http://www.appelsiini.net/projects/jeditable

, but it turned out to be a little pain in the a$$. I've put the jquery.js and jquery.jeditable.js in the same directory with the main page. This is my code (it seems like the code tags won't do the trick, so I'll give you only the important blocks): the header contains

     <script type="text/JavaScript"
  src="jquery.js"></script>
 <script type="text/JavaScript"
  src="jquery.jeditable.js"></script>
 <script type="text/JavaScript"
  $(document).ready(function() {
   $('.edit').editable('#');
  });

and the body of my html contains:

<div class="edit" id="div_1">Edit me</div>

And that's about it. It should give me an editable form when I click the "Edit me", but nothing happens. Where do I go wrong ? Thanks in advance.

Answer 1

Are you trying to send the ajax to the same page you are on? If so, replace the '#' with window.location.href and you should be good to go.

Answer 2

I don't know if this is a typo in the question or your actual code but check this line:

<script type="text/JavaScript"
 $(document).ready(function() {
  $('.edit').editable('#');
 });

it should be

<script type="text/JavaScript">
 $(document).ready(function() {
  $('.edit').editable('#');
 });
</script>