Update grande.bind to take in bindableNodes

index.html

@@ -13,7 +13,7 @@
     <a href="https://github.com/mduvall/grande.js"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_left_darkblue_121621.png" alt="Fork me on GitHub"></a>
 
     <section>
-      <article contenteditable="true" class="content">
+      <article class="content">
         <h1>Welcome, this is grande.js</h1>
         <blockquote>"Make every detail perfect and limit the number of details to perfect." - <span class="jack">Jack Dorsey</span></blockquote>
         <p>Style your text to how you <b>think</b> and put the <i>feeling</i> into your words. Just select any text and choose how you want it to look from the menu.</p>
@@ -34,7 +34,7 @@ <h1>Welcome, this is grande.js</h1>
 
     <script type="text/javascript" src="js/grande.js"></script>
     <script type="text/javascript">
-      grande.bind();
+      grande.bind(document.querySelectorAll("article"));
     </script>
   </body>
 </html>

js/grande.js

@@ -9,7 +9,11 @@
       previouslySelectedText,
 
       grande = {
-        bind: function() {
+        bind: function(bindableNodes) {
+          if (bindableNodes) {
+            editableNodes = bindableNodes;
+          }
+
           attachToolbarTemplate();
           bindTextSelectionEvents();
           bindTextStylingEvents();
@@ -93,6 +97,7 @@
 
     for (i = 0, len = editableNodes.length; i < len; i++) {
       node = editableNodes[i];
+      node.contentEditable = true;
       node.onmousedown = node.onkeyup = node.onmouseup = triggerTextSelection;
     }
   }