Not working inside of a form

[GoogleCodeExporter]

The following works:

 <span id="editCountry">
                Test
            </span>

        <script>

            $(document).ready(function(){

                $("#editCountry").editInPlace({
                    callback: function(unused, enteredText) { return enteredText; },
                    field_type: "select",
                    select_options: "Change me to this, No way:no"
                });

            });

        </script>

but:

<form>
 <span id="editCountry">
                Test
            </span>
</form>
        <script>

            $(document).ready(function(){

                $("#editCountry").editInPlace({
                    callback: function(unused, enteredText) { return enteredText; },
                    field_type: "select",
                    select_options: "Change me to this, No way:no"
                });

            });

        </script>

does not work.

What i am trying to achieve is to be able to "in-place" edit an element of a 
form to be submitted once the form is final (sign-up form, so incremental 
saving does not work)

Original issue reported on code.google.com by tobias.f...@gmail.com on 12 May 2014 at 7:01

[GoogleCodeExporter]

This is the same issue i am fighting with it today

Its not working inside an form.
Can we have some sort of solution for that.

Original comment by Shivdh...@gmail.com on 13 Aug 2014 at 5:27