Gridmanager save contents to hidden form field using external button

example.html

<!-- The Gridmanager canvas -->  
<div id="mycanvas" class="clearfix"></div>
 
<!-- The Form-->
    <form method="post" action="saveme" id="gridmanager-save">
<!-- hidden Field-->
      <input type="hidden" name="mycontent" id="mycontent" />
      <input type="submit" name="submit" class="submit" />
     </form>
  </div>
 
<!--================== JS ================-->
 
<script>
    $(document).ready(function(){
        var gm = jQuery("#mycanvas").gridmanager().data('gridmanager');
        $(".submit").on("click", function(e){
            canvas = gm.$el.find("#" + gm.options.canvasId);
            gm.deinitCanvas();  
            $("#mycontent").val(canvas.html());
            $(this).submit();
        });
    });
</script>  
</body>
</html>

I came upon a better method to do the above.
In my save function I get the gridmaster data this way now:

                // We need the canvas in edit more
                if ($('.gm-edit-mode.btn-danger').length == 0)
                    $('.gm-edit-mode').trigger('click');
                // now grab the content (use .html or .text) and store it where I can get it after the post.
                $('#mycontent').val($('#mycanvas').find('textarea').html().trim());
                // Get out of edit mode now (so the user does not see the source before the post)
                $('.gm-edit-mode').trigger('click');

That is far easier than my previous post. :)