diff --git a/examples/ui/widget_design_patterns/js/example.js b/examples/ui/widget_design_patterns/js/example.js
index b57646ea..08afc830 100644
--- a/examples/ui/widget_design_patterns/js/example.js
+++ b/examples/ui/widget_design_patterns/js/example.js
@@ -600,7 +600,7 @@ Ox.load(['Image', 'UI'], function() {
     Since `Ox.My.Box` is a good multi-purpose container, we create one to
     contain the first four boxes.
     */
-    My.$container = Ox.My.Box({
+    Ox.My.Box({
             size: [256, 256]
         })
         .append(
@@ -632,7 +632,7 @@ Ox.load(['Image', 'UI'], function() {
         .appendTo(Ox.$body);
     /*
     As a last step, we add a handler to the `invert` event of each widgets. It
-    will display the widget's name and options inside the `Ox.My.Box`.
+    will display the widget's name and options inside the first box.
     */
     Ox.forEach(My, function($box, name) {
         $box.bindEvent({