title: JS Async and await to work in internet explorer
body: <p>
  I have already gotten my project to work on with async/await in every other browser, but apparently its not compatible in IE.</p>
  
  
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>(async function () {
    try {
      await getLayers();
    }
    catch (err) {
      console.error(err)
    }
  }());</code></pre>
  </div>
  </div>
  </p>
  
  <p>which calls my other function:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>async function getLayers() {  
  try {
    $.when(
      await $.getJSON('http://' + ipAddress + '/api/Barriers/barrierGeoJSON', function (data) {
          createLayer(data[0].row_to_json, 'Barrier');
        }),
       await $.getJSON('http://' + ipAddress + '/api/DistPoints/distPointGeoJSON', function (data) {
          createLayer(data[0].row_to_json, 'Disturbance Points');
        })
    )}
    catch (err) {
      console.error(err);
    }
  };</code></pre>
  </div>
  </div>
  </p>
  
  <p>
  I need help getting this code to run on IE. Is there some sort of polyfill or transpiler that I have to use? I would hate to have to rewrite everything when it already runs smoothly. This is currently running client-side and I could not figure out how to use <a href="https://www.npmjs.com/package/async--await" rel="noreferrer">async--await</a>. Thank you guys in advance.</p>