title: Shopware Plugin javascript event not called
body: <p>I want to include a custom JavaScript file into my Shopware Plugin.</p>
  
  <p>I tryed it with "alert()" and it worked so I think I implemented it correctly.</p>
  
  <pre><code>'Theme_Compiler_Collect_Plugin_JavaScript' =&gt; 'onCollectJavaScriptFiles' 
  
          /**
           * @return ArrayCollection
           */
          public function onCollectJavaScriptFiles()
          {
              $jsFiles = array(
                  $this-&gt;pluginDirectory . '/Resources/views/frontend/_public/src/js/predefined-basket.js'
              );
              return new ArrayCollection($jsFiles);
          } 
  </code></pre>
  
  <p>But now I wanted to do it like Shopware recommended it.</p>
  
  <p>My template:</p>
  
  <pre><code>{block name='frontend_checkout_ajax_cart_predefined_basket'}
              &lt;div class="field--select select-field predefined-basket-container" style="margin-top: 10px;"&gt;
                  &lt;select class="normal" id="predefined-basket-select" &gt;
                      &lt;option selected="selected"&gt;Vordefinierte Warenkörbe...&lt;/option&gt;
                      {foreach $sPredefinedBaskets as $basket}
                          &lt;option value="{$basket.id}"&gt;{$basket.name}&lt;/option&gt;
                      {/foreach}
                  &lt;/select&gt;
              &lt;/div&gt;
          {/block}
  </code></pre>
  
  <p>My JavaScript file:</p>
  
  <pre><code>    ;(function ($, window) {
      'use strict';
  
      $.plugin('predefinedBasket', {
          defaults: {
  
          },
          init: function (){
              var me = this;
            //Für data attributes im html
            me.applyDataAttributes();
            me.registerEvents();
          },
          registerEvents: function () {
            var me = this;
            me._on(me.$el, 'change', $.proxy(me.onSelectChange, me))
          },
          onSelectChange: function(event) {
              var me = this,
                  path = crsfConfig.basePath,
                  optionSelected = $("option:selected", this),
                  valueSelected = this.value;
              alert("BLSBLS");
              console.log("me", me);
              console.log("path", path);
              console.log("Selected Option", optionSelected);
              console.log("Selected Value", valueSelected);
  
          },
          destroy: function () {
              var me = this;
              me.off(me.eventSuffix);
              me._destroy();
          }
      });
  })(jQuery, window);
  
  $('#predefined-basket-select').predefinedBasket();
  $('#predefined-basket-select').css("color", "red !important");
  </code></pre>
  
  <p>But the Event on the HTML select ist never called. Even if I try to set the color css on red it dont success. Did you ever made an custom javascript event on your plugin template ? Then please give me an example.</p>