title: Ajax Jquery change div value itself
body: <p>I have a page that call some google chart graphs. Each of these graphs have it's own filters: <br /></p>
  
  <ul>
   <li>Chart 1: Selling: per month, per year;</li> 
   <li>Chart 2: Customers: type of products ...);</li>   
  </ul>
  
  <p>So i call each of them through an ajax call (by click). But now comes the trouble: i need to filter the charts through an another ajax call, inside the page i've already call.</p>
  
  <p>Basically i just need to change the $_GET value and refresh the div that were called first.</p>
  
  <p><strong>working</strong></p>
  
  <p><strong>MAIN.PHP</strong></p>
  
  <pre><code>//receives the chart content
  &lt;div id="resultado"&gt; 
    &lt;!-- Google Chart --&gt;
  &lt;/div&gt;     
   &lt;pre&gt;
  //call the chart by click event
  &lt;a href="#" id="grafico1"&gt;click&lt;/a&gt;
  &lt;script type="text/javascript"&gt;
   $.ajaxSetup({
    cache: false
   });
   var ajax_load = "&lt;img src='images/preloader.gif' class='loading' /&gt;";
   var carregaUrl = "graficos/vendas.php";
  
   $("#grafico1").click(function(){
      $("#resultado")
      .html(ajax_load)
      .load(carregaUrl, "id=&lt;?php echo $id; ?&gt;");
   });
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>vendas.php</strong></p>
  
  <pre><code>&lt;select id="getValue"&gt;
      &lt;option value="0"&gt;Selecionar&lt;/option&gt;
      &lt;option value="121"&gt;John&lt;/option&gt;
      &lt;option value="131"&gt;Rubia&lt;/option&gt;
      &lt;option value="141"&gt;Tony&lt;/option&gt;
  &lt;/select&gt;
  &lt;script&gt;
  $.ajaxSetup({ cache: false });
  var ajax_load = "&lt;div id='grafico-load' class='span14'&gt;&lt;img src='images/preloader.gif' alt='carregando...' class='loading' /&gt;&lt;/div&gt;";
  var carregaUrl = "graficos/vendas.php";
  $("#getValue").change(function(){
  var v = $('select#getValue').val();
      $("#resultado")
          .html(ajax_load)
          .load(carregaUrl, "idg="+v);
  });
  &lt;/script&gt;
  </code></pre>