title: Refresh page by ajax
body: <p>for example i have an element in html file</p>
  
  <pre><code>&lt;div id="dateRange"&gt;1d&lt;/div&gt;
  </code></pre>
  
  <p>Which control by a javascript function</p>
  
  <pre><code>    $("#30Days").click(function(){
       $(".dateRange").html("30d");
       });
  
      $("#12Weeks").click(function(){
       $(".dateRange").html("12w");
       });
  
      $("#12Months").click(function(){
       $(".dateRange").html("12m");
       });
  </code></pre>
  
  <p>And i got an chart built by c3.js</p>
  
  <pre><code>var chart = c3.generate({
              bindto:"#date",
          data: {
                  //some config
              });
  </code></pre>
  
  <p>And now i want the chart reload by ajax when a user onclick <code>&lt;div id="dateRange"&gt;1d&lt;/div&gt;</code> how my i do that? Is there any example?</p>