Javascript highlighting in polymer HTML file

Hello,

We are having a slightly strange problem. We are developing a java web application where we use polymer on the frontend, thus it's practical to edit the .html files in the same IDE.

I can see on the IntelliJ javascript features page that it should support highlighting within the <script></tags>, but it just wont work.

Any ideas?

I am running IDEA 14.1.4 Community Edition

Example of file:

hello.html:

<dom-module id="my-hello">
    <template>
        <iron-ajax
                auto
                url="http://localhost:8088/ping"
                handle-as="json"
                on-response="hresponse"
                debounce-duration="300"></iron-ajax>
        <div>
            Hi! My name is <span>Jane</span>
        </div>
        <div>
            <h1>Job: <span>{{bajaxResponse.name}}</span>, ID: <span>{{bajaxResponse.id}}</span></h1>
            <p>Progress: <span>{{bajaxResponse.progressPercentage}}</span></p>
        </div>

        <sub-hello bajaxResponse="{{bajaxResponse}}"></sub-hello>
    </template>

    <script>
    var test = "Hello"
    Polymer({
        is: 'my-hello',
        properties: {
            mytest: {
                type: String,
                value: "Hello"
            },
            bajaxResponse: {
                type: Object,
                notify: true
            }
        },
        hresponse: function(request) {
          console.log(request.detail.response);
          this.bajaxResponse = request.detail.response;
        }


    });
  </script>
</dom-module>

Best Regards,
Jørgen