jquery - Rails Not outputting Highcharts javascript graph -

I have a rail app on which I am trying to produce a high chart chart. My javascript code is located in the index.html.erb file, and the sample code is as follows:

   gt; stockquite.tellecom, "agriculture" => stockquote.gric} .eEEe | names, prices |%> gt; & amp; Lt;% = name% & gt; Point interval: <% = 1.day * 1000%>, Points start: <% = 2.weeks.ago.to_i * 1000%>, Data: & lt ;% = (2 .weeks.ago.to_date..Date.today) .map {.t Thi | stockquite.pr_one (date) .to_f}.%};}, <% End%>);}); & lt; / scipt & gt; & lt; / div & gt;  

However, instead of showing the blank section on the quotation bid, where chart is considered, it shows me my actual javascript code.

My application.html .erb file is as follows :

  & lt ;! DOCTYPE html> 
 HTML & gt; & lt; top & gt; & Lt; Title & gt; Abacus & lt; / Title & gt; & Lt;% = stylesheet_link_tag 'app', media: 'all', 'data-turbo-lines-track' = & gt; True% & gt; & Lt;% = javascript_include_tag 'application', 'data-turbo-lines-track' = & gt; True% & gt; & Lt; Script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" & gt; & Lt; / Script & gt; & Lt;% = javascript_include_tag "jquery-1.11.0.min", "highchurch"%> & Lt;% = csrf_meta_tags% & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt;% = yield% & gt; & Lt; / Body & gt; & Lt; / Html & gt;  

I've included the jquery-rails gem, and jquery-ui-rails gemstones and bundled them and according to the way to follow the steps given on their github pages.

My application.js have the following:

  // = Required jquery // requires jquery_ujs // turbolinks // need_tree  You must place JavaScript in a script block like this: