title: updating element with new value from ajax call failing
body: <p>I think I have a syntax problem somewhere.<br>
  I successfully make an ajax call and get the new value I want to use as a value for a button.
  I can see the correct data in the console, but the value of the button never changes. 
  Here's the code: </p>
  
  <pre><code>$('.changestatus').live('click', function()  {
      var id = this.id;
      console.log(this.id);
      var parameters = {
          rule_id: this.id,
          rule_status: this.value,
          viewtype:'json'
      };
  
      var url = myurl;
      console.log(myurl);
      $.getJSON(
          url,
          parameters,
          function(data) {
              console.log(data);   
              $(id).value = data; //this.value = data;
          }
      );//end getJSON.    
  });//end click.     
  </code></pre>
  
  <p>Can you tell me where I'm going wrong?  within the context of the json call, is it still aware of "this" - being the button that was clicked? </p>
  
  <p>thanks. </p>