Add a shorthand way to bind to Gadgets' ready event.

Use for this internally root dom element.

renderjs.js

@@ -149,6 +149,13 @@ var RenderJs = (function () {
             is_ready = value;
         },
 
+        bindReady: function (ready_function) {
+            /*
+             * Bind a function on ready gadget loading.
+             */
+            $("body").one("ready", ready_function);
+        },
+
         checkAndTriggerReady: function () {
             /*
              * Trigger "ready" event only if all gadgets were marked as "ready"
@@ -157,8 +164,11 @@ var RenderJs = (function () {
             is_gadget_list_loaded = RenderJs.GadgetIndex.isGadgetListLoaded();
             if (is_gadget_list_loaded) {
                 if (!RenderJs.isReady()) {
+                    // backwards compatability with already written code
                     RenderJs.GadgetIndex.getRootGadget().getDom().
                         trigger("ready");
+                    // trigger ready on root body element
+                    $("body").trigger("ready");
                     RenderJs.setReady(true);
                 }
             }
@@ -555,14 +565,13 @@ $(document).ready(function () {
       // Be careful, right now we can be in this case because
       // asynchronous gadget loading is not finished
       if (root_gadget !== undefined) {
-        root_gadget.getDom().bind("ready",
+        RenderJs.bindReady(
            function () {
              // examine all Intaction Gadgets and bind accordingly
              $("div[data-gadget-connection]").each( function(index, element) {
                RenderJs.InteractionGadget.bind($(element));
              })
-          }
-        );
+           });
       }
     }
 });