title: Issue trying to get website to work - possible issue with my html code?
body: <p>SO I have code that I'm trying to implement from my jsfiddle into an actual working website/mini-app. I've registered the domain name and procured the hosting via siteground, and I've even uploaded the files via ftp so I'm almost there...</p>
  
  <p>But I'm thinking there's something wrong with my HTML code or JS code or how I implemented my JS code into my HTML code, because all of the HTML and CSS elements are present, but the javascript functionality is absent.</p>
  
  <p>Here is my fiddle:</p>
  
  <p><a href="http://jsfiddle.net/sean1rose/sKadX/33/" rel="nofollow">jsfiddle</a></p>
  
  <p>^^ Click on start to see the display in action (which doesn't work in the actual website, which leads me to believe there's an issue with my JS file - whether it be code-related or whether that's because I integrated the file incorrectly) (or maybe even uploaded to the server incorrectly, perhaps?)...</p>
  
  <p>And here is the actual site:</p>
  
  <p><a href="http://www.abveaspirations.com/index.html" rel="nofollow">http://www.abveaspirations.com/index.html</a></p>
  
  <p>And here's my HTML code uploaded to the server via FTP:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;link rel="stylesheet" type="text/css" href="style.css"&gt;
          &lt;script type="text/javascript" src="script.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div id='frame'&gt;
        &lt;div id='display'&gt;
          &lt;h1 id='output'&gt;&lt;/h1&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="spacer"&gt;
      &lt;/div&gt;
      &lt;div id="main"&gt; &lt;!-- 11main --&gt;
          &lt;h1 id='consoleTitle'&gt;Control Board&lt;/h1&gt;
          &lt;h5 id='consoleSub'&gt;&lt;i&gt;Double-click on an entry to remove. And add entries to your heart's desire...&lt;/i&gt;&lt;/h5&gt;
          &lt;div id="controlbox"&gt; &lt;!-- @@controlbox --&gt; 
              &lt;div id="controlpanel"&gt;&lt;/div&gt;
              &lt;div class="spacer"&gt;&lt;/div&gt;    
                  &lt;div id="formula"&gt;    &lt;!--formula --&gt;
                      &lt;form id="frm" method="post"&gt;
                          &lt;input id="txt" type="text" placeholder="Insert your own entry here..." name="text"&gt;            
                          &lt;input id='submitBtn' type="submit" value="Start"&gt;
                          &lt;input id='stop' type="button" value="Stop"&gt;            
                              &lt;select id="load1"&gt;
                                  &lt;option id='pre0' value="Preset 0"&gt;Preset 0&lt;/option&gt;
                                  &lt;option id='pre1' value="Preset 1"&gt;Preset 1&lt;/option&gt;
                                  &lt;option id='pre2' value="Preset 2"&gt;Preset 2&lt;/option&gt;   
                              &lt;/select&gt;
                                          &lt;!-- These are for buttons as opposed to OPTION...
                                          &lt;input id="load" type="button" value="Preset 1"&gt;
                                          &lt;input id="load2" type="button" value="Preset 2"--&gt;
                      &lt;/form&gt;
                  &lt;/div&gt;          &lt;!-- formula --&gt;   
          &lt;/div&gt;  &lt;!-- @@controlbox --&gt;
      &lt;/div&gt;        &lt;!-- 11main --&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>  </p>
  
  <p>And my JS code, also uploaded to server via FTP (I didn't include the accompanying CSS file, but if that would help, I can provide ):</p>
  
  <pre><code>$(document).ready(function () {
      var txtBox = $('#txt');
      var frm = $('#frm');
      var output = $('#output');
      var subBtn = $('#submitBtn');
      var stopBtn = $('#stop');
      var loadBtn = $('#load');
      var loadBtn2 = $('#load2');
      var loadBtnA = $('#load1');
      var pre0 = $('#pre0');
      var pre1 = $('#pre1');
      var pre2 = $('#pre2');
      var txt = $('#display');
      var preset1 = ["1", "2", "3"];
      var preset2 = ["a", "b", "c"];
      var container = ["What we do in life echoes in all eternity.", "Find your purpose and give it life.", "When you work your hardest, the world opens up to you."];
      var console = $('#controlpanel');
      var oldHandle;
  
      function loadPreset0() {
          container = [];
          console.empty();
          container = ["What we do in life echoes in all eternity.", "Find your purpose and give it life.", "When you work your hardest, the world opens up to you."];
          updateConsole();
      };
  
  function loadPreset1() {
      container = [];
      console.empty();
      container = preset1;
      updateConsole();
  };
  
  function loadPreset2() {
      container = [];
      console.empty();
      container = preset2;
      updateConsole();
  };
  
  
  
  $(pre0).data('onselect', function() {
      loadPreset0();
  });    
  
  $(pre1).data('onselect', function() {
      loadPreset1();
  });
  
  $(pre2).data('onselect', function() {
      loadPreset2();
  });
  
  $(document).on('change', 'select', function(e) {
      var selected = $(this).find('option:selected'),
          handler = selected.data('onselect');
      if ( typeof handler == 'function' ) {
          handler.call(selected, e);
      }
  });
  
  
  function updateConsole() {
      for (var z = 0; z &lt; container.length; z++) {
          var resultC = container[z];
          var $initialEntry = $('&lt;p&gt;' + '- ' + resultC + '&lt;/p&gt;');
          console.append($initialEntry);
       };
  };
  
  updateConsole();
  
  
  frm.submit(function (event) {
      event.preventDefault();
  
      if (txtBox.val() != '') {
          var result = txtBox.val();
          container.push(result);                         //1.
  
          var resultB = container[container.length-1];
          var $entry = $('&lt;p&gt;' + '- ' + resultB + '&lt;/p&gt;');
          console.append($entry);                         //2.
      }
  
      var options = {
          duration: 5000,
          rearrangeDuration: 1000,
          effect: 'random',
          centered: true
      };
  
      stopTextualizer();
      txt.textualizer(container, options);
      txt.textualizer('start');
      txtBox.val('');
  }); 
  
  
  
  $("#controlbox").on('dblclick', 'p', function() {
      var $entry = $(this);
      container.splice($entry.index(), 1);
      $entry.remove();
  });
  
  function stopTextualizer(){
      txt.textualizer('stop');
      txt.textualizer('destroy');
  }
  
  $(stopBtn).click(function() {
      stopTextualizer();
  });
  
  
  });
  </code></pre>
  
  <p>Any help would be appreciated. I guess I'm just not sure what to do after uploading the html file to the server via ftp. Or maybe I did that correctly and there's something wrong with my code that I'm overlooking. Basically I'm lost. So help please!</p>