title: emojionearea pickup icon is not displaying with ngRoute angularjs
body: <p>I'm trying to implement <a href="http://mervick.github.io/emojionearea/" rel="nofollow noreferrer">http://mervick.github.io/emojionearea/</a> using ngRoute of <code>angularjs</code> without success. </p>
  
  <p>If I remove the ngRoute routing pages it works without any errors, but if <code>index.html</code> has the source of <code>Emoticons.html</code>.</p>
  
  <h3>index.html</h3>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head lang="en"&gt;
        &lt;title&gt;Example&lt;/title&gt;
        &lt;meta charset="utf-8"&gt;
        &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
        &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  
        &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular.js"&gt;&lt;/script&gt;
  
        &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular-route.min.js"&gt;&lt;/script&gt;
        &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script src="main.js"&gt;&lt;/script&gt;
  
        &lt;style type="text/css"&gt;
  
          body {
              background-color: #006699;
          }
  
        &lt;/style&gt;
  
  &lt;/head&gt;
      &lt;body&gt;
  
        &lt;div ng-app="mainApp"&gt;
          &lt;ng-view&gt;&lt;/ng-view&gt;
        &lt;/div&gt;
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <h3>home.html</h3>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;AngularJS&lt;/title&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  
    &lt;/head&gt;
  
    &lt;body ng-controller="HomeController"&gt;
  
          &lt;div class="container" style="color: #FFFFFF"&gt;
  
              &lt;h2&gt; Home&lt;/h2&gt;
  
              &lt;ul class="nav"&gt;
  
                  &lt;li&gt; &lt;a href="#/Emoticons" style="color: #FFFFFF"&gt; Emoticons&lt;/a&gt; &lt;/li&gt;
  
              &lt;/ul&gt;
  
          &lt;/div&gt;
  
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <h3>Emoticons.html</h3>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;title&gt;Emojione-area&lt;/title&gt;
  
    &lt;link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/mervick/emojionearea/master/dist/emojionearea.min.css"&gt;
    &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="https://cdn.rawgit.com/mervick/emojionearea/master/dist/emojionearea.min.js"&gt;&lt;/script&gt;
  
  
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;textarea id="example1"&gt; 
        Smile  ghost  umbrella ☔ dephin .
      &lt;/textarea&gt;
  
      &lt;div&gt;
                  &lt;a href="#/home" style="color: #FFFFFF"&gt; Home&lt;/a&gt;
          &lt;/div&gt;
  
    &lt;script type="text/javascript"&gt;
    $(document).ready(function() {
      $("#example1").emojioneArea({
        autoHideFilters: true,
        pickerPosition: "bottom",
        tonesStyle: "radio"
      });
    });
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <h3>main.js</h3>
  
  <pre><code>'use strict';
  
  var mainApp = angular.module("mainApp", ['ngRoute']);
  
  mainApp.config(function($routeProvider,$locationProvider) {
  
      //http://stackoverflow.com/questions/41211875/angularjs-1-6-0-latest-now-routes-not-working
      //https://docs.angularjs.org/guide/migration#commit-aa077e8
      $locationProvider.hashPrefix('');
  
      $routeProvider
          .when('/home', {
              templateUrl: 'home.html',
              controller: 'HomeController'
          })
          .when('/Emoticons', {
              templateUrl: 'Emoticons.html',
          })
          .otherwise({
              redirectTo: '/home'
          });
  
  });
  </code></pre>
  
  <p>Here is the plunker: <a href="https://plnkr.co/edit/HoBx5HCTB5W8OkO37Wwm" rel="nofollow noreferrer">https://plnkr.co/edit/HoBx5HCTB5W8OkO37Wwm</a> that is not working.</p>
  
  <p>Here is the plunker: <a href="https://plnkr.co/edit/hCTy20oJHbAFIhIDlj5l" rel="nofollow noreferrer">https://plnkr.co/edit/hCTy20oJHbAFIhIDlj5l</a> working without ngRoute.</p>
  
  <p>Thank you so much!
  Ariel.</p>