title: Removing controls on a Javascript page and placing in another div
body: <p>I want to implement highcharts into my application.</p>
  
  <p>Example: 
  <a href="http://jsfiddle.net/gh/get/jquery/1.6/highslide-software/highcharts.com/tree/master/samples/stock/demo/candlestick/" rel="nofollow">http://jsfiddle.net/gh/get/jquery/1.6/highslide-software/highcharts.com/tree/master/samples/stock/demo/candlestick/</a></p>
  
  <p><strong>I want to remove the zoom controls (like 1m, 3m, 6m, YTD, 1y, All) from the chart and place them out of the container div. But i don't want those controls inside the chart. I want to place those controls at the top of the page.</strong></p>
  
  <pre><code>Please can any one help me to solve this issue.
  Thanks in advance
  </code></pre>