title: JQuery not working with electron framework
body: <p>I'm trying to using jquery with electron framework using electron fiddle.
  However jquery seems not working properly and animation are not executed.
  The example is the following: <a href="https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_animation1" rel="nofollow noreferrer">https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_animation1</a></p>
  <p><strong>main.js</strong></p>
  <pre class="lang-js prettyprint-override"><code>// Modules to control application life and create native browser window
  
  const {app, BrowserWindow} = require('electron')
  
  function createWindow () {
    // Create the browser window.
    const mainWindow = new BrowserWindow({
      width: 800,
      height: 600,
      webPreferences: {
        nodeIntegration: true
      }
    })
  
    // and load the index.html of the app.
    mainWindow.loadFile('index.html')
  
    // Open the DevTools.
    // mainWindow.webContents.openDevTools()
  }
  
  // This method will be called when Electron has finished
  // initialization and is ready to create browser windows.
  // Some APIs can only be used after this event occurs.
  app.on('ready', createWindow)
  
  // Quit when all windows are closed.
  app.on('window-all-closed', function () {
    // On OS X it is common for applications and their menu bar
    // to stay active until the user quits explicitly with Cmd + Q
    if (process.platform !== 'darwin') {
      app.quit()
    }
  })
  
  app.on('activate', function () {
    // On OS X it's common to re-create a window in the app when the
    // dock icon is clicked and there are no other windows open.
    if (BrowserWindow.getAllWindows().length === 0) {
      createWindow()
    }
  })
  </code></pre>
  <p><strong>index.html</strong></p>
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset=&quot;UTF-8&quot;&gt;
      &lt;title&gt;Hello World!&lt;/title&gt;
      &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;./styles.css&quot;&gt;
  &lt;script&gt;window.$ = window.jQuery = require('https://code.jquery.com/jquery-3.3.1.slim.min.js');&lt;/script&gt;
  
  &lt;script&gt; 
  $(document).ready(function(){
    $(&quot;button&quot;).click(function(){
      $(&quot;div&quot;).animate({left: '250px'});
    });
  });
  &lt;/script&gt; 
  
    &lt;/head&gt;
    &lt;body&gt;
      
  &lt;button&gt;Start Animation&lt;/button&gt;
  
  &lt;div style=&quot;background:#98bf21;height:100px;width:100px;position:absolute;&quot;&gt;&lt;/div&gt;
  
  &lt;script&gt;
    // You can also require other files to run in this process
    require('./renderer.js')
  &lt;/script&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>Nothing happens once clicked on the button.</p>