title: jQuery select(live, change) and .ajax only firing once
body: <p>I have a page that has 52 drop-down menus with the class of regionalSelect.</p>
  
  <p>I have bound the change event to trigger an ajax run to the controller to save to the database and the success callback function is to refresh the page.</p>
  
  <p>After the refresh, the functionality no longer works.</p>
  
  <p>I place this code is my document ready</p>
  
  <pre><code> $("select.regionalSelect").live('change', function(){
          var sel = $(this).val();
          var id =      $(this).parent().parent().find("td[name=propNumber]").html();
  
          $.ajax({
              url:"&lt;?php echo site_url('conn/reassignRegional'); ?&gt;",
              type: 'POST',
              data:{ id: id, regional: sel },
              success: function(msg){
                  var link = "&lt;?php echo site_url('conn/PropertiesAndRegions'); ?&gt;";
                  window.location.href=link;  
              } // end success
          }); // end ajax
  
      }); // end change
  </code></pre>
  
  <p>The controller just takes the posted values and inserts it into the database. When the page refreshes, the list is correct but additional changes can't be made.</p>
  
  <p>Since I am presenting a list of our properties and their current regional directors and a mechanism to change as regionals get reassigned, the continued availability of editing is a necessity.</p>
  
  <p>I have been staring at this a while and I am not that experienced a coder as it is, so I decided to ask for fresh eyes.</p>
  
  <p>All help is greatly appreciated!</p>
  
  <p>Thanks,
  Jon</p>