title: Materialize is not working with React, Webpacka. jQuery is not extended
body: <p>I have a problem with using materialize-css with React. I have built it using Webpack and Babel. The problem is:</p>
  
  <blockquote>
    <p>TypeError: $(...).parallax is not a function<br>
    TypeError: $(...).material_chip is not a function<br>
    TypeError: $(...).modal is not a function<br>
    etc.</p>
  </blockquote>
  
  <p>It is my React class:</p>
  
  <pre><code>import React from 'react';
  import 'materialize-css';
  import 'materialize-css/dist/css/materialize.min.css';
  
  class AwesomeComponent extends React.Component {
  
      constructor(props) {
          super(props);
      }
  
      onLike () {
          $('.modal').modal();
      }
  
      render() {
          return (
              &lt;div&gt;
                  &lt;div id="modal1" className="modal"&gt;
                      &lt;div className="modal-content"&gt;
                          &lt;h4&gt;Modal Header&lt;/h4&gt;
                          &lt;p&gt;A bunch of text&lt;/p&gt;
                      &lt;/div&gt;
                      &lt;div className="modal-footer"&gt;
                          &lt;a href="#!" className=" modal-action modal-close waves-effect waves-green btn-flat"&gt;Agree&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;a className="waves-effect waves-light btn" onClick={this.onLike}&gt;
                      &lt;i className="material-icons left"&gt;
                          cloud
                      &lt;/i&gt;
                      Like cloud
                  &lt;/a&gt;
              &lt;/div&gt;
          );
      }
  
  }
  
  export default AwesomeComponent;
  </code></pre>
  
  <p>This is a part of my webpack.config.js which imports jQuery:</p>
  
  <pre><code>plugins: [
          new webpack.ProvidePlugin({
              $: "jquery",
              jQuery: "jquery"
          })
  </code></pre>
  
  <p>This is a part of my package.json:</p>
  
  <pre><code>"dependencies": {
      "babel-core": "^6.18.2",
      "babel-loader": "^6.2.8",
      "babel-preset-es2015": "^6.18.0",
      "babel-preset-react": "^6.16.0",
      "materialize-css": "^0.98.0",
      "react": "^15.4.1",
      "react-dom": "^15.4.1",
      "webpack": "^1.13.3",
      "jquery": "^2.1.4"
    },
  </code></pre>
  
  <p>Help me please, I have tried everything.</p>
  
  <p>I have debug it. It adds plugins (.modal for example) to $ prototype, but somehow the functions disappeared when I want to use it in the class.</p>
  
  <p>At the end this is a stacktrace:</p>
  
  <blockquote>
    <p>TypeError: $(...).modal is not a function[Learn More] bundle.js:44497:14<br>
      onLike<br>
      bound onLike<br>
      ReactErrorUtils.invokeGuardedCallback<br>
      executeDispatch<br>
      executeDispatchesInOrder 
      executeDispatchesAndRelease<br>
      executeDispatchesAndReleaseTopLevel<br>
      forEach 
      forEachAccumulated<br>
      EventPluginHub.processEventQueue<br>
      runEventQueueInBatch<br>
      ReactEventEmitterMixin.handleTopLevel<br>
      handleTopLevelImpl<br>
      TransactionImpl.perform<br>
      ReactDefaultBatchingStrategy.batchedUpdates<br>
      batchedUpdates<br>
      ReactEventListener.dispatchEvent<br>
      bound  </p>
  </blockquote>