diff --git a/index.php b/index.php
index 047b14e..f84bea6 100644
--- a/index.php
+++ b/index.php
@@ -87,9 +87,8 @@ if (isset($_POST['code'])) {
     <body>
         <div class="output"><?php echo $debugOutput ?></div>
         <form method="POST" action="">
-
             <div class="input">
-                <div class="editor" id="editor"><?php echo (isset($_POST['code']) ? htmlentities($_POST['code'], ENT_QUOTES, 'UTF-8') : null) ?></div>
+                <textarea class="editor" id="editor" name="code"><?php echo (isset($_POST['code']) ? htmlentities($_POST['code'], ENT_QUOTES, 'UTF-8') : null) ?></textarea>
                 <div class="statusbar">
                     <span class="position">Line: 1, Column: 1</span>
                     <span class="copy">
diff --git a/php-console.js b/php-console.js
index 2af24e4..f25e2c4 100644
--- a/php-console.js
+++ b/php-console.js
@@ -72,10 +72,17 @@
     };
 
     initializeAce = function() {
+        var PhpMode, code;
+
+        code = $('#' + options.editor).text();
+        $('#' + options.editor)
+            .replaceWith('<div id="'+options.editor+'" class="'+options.editor+'"></div>')
+            .text(code);
+
         editor = ace.edit(options.editor);
 
         // set mode
-        var PhpMode = require("ace/mode/php").Mode;
+        PhpMode = require("ace/mode/php").Mode;
         editor.getSession().setMode(new PhpMode());
 
         // tab size
