title: Call js function defined in a babel script from HTML
body: <p>I am including my js file into my main html file like so </p>
  
  <p><code>&lt;script type="text/babel" src="js/scripts.js"&gt;&lt;/script&gt;</code></p>
  
  <p>Then I call one of my functions like so </p>
  
  <p><code>&lt;div class="allButton" id="completeAll" onclick="showAll('completeColumn');"&gt;Show All (...)&lt;/div&gt;</code></p>
  
  <p>the function looks like this</p>
  
  <pre><code>function showAll(column) {
    $('div[id^='+column+']').removeClass('hide');
  };
  </code></pre>
  
  <p>When I click the button(div) I get this error
  <code>Uncaught ReferenceError: showAll is not defined</code></p>
  
  <p>I am using the <code>text/babel</code> as my script type because the file contains React JS stuff.
  I have no idea why I simply cannot call my function. I am extremely new to ReactJS and Babel. (note: I am not using npm/gulp due to limitations)</p>
  
  <p>Any help and/or advice would be appreciated </p>