title: changing the class name of a div in jquery
body: <p>When clicked the button I want to get change the name of the class of li under mycontent div. Is there a way to do that? my codes are below.</p>
  
  <pre><code>&lt;div id="mycontent"&gt;
      &lt;ul id="sortable"&gt;
      &lt;li id="1" class="myclass"&gt;Item 1&lt;/li&gt;
      &lt;li id="2" class="myclass2"&gt;Item 2&lt;/li&gt;
      &lt;li id="3" class="myclass3"&gt;Item 3&lt;/li&gt;
      &lt;li id="4" class="myclass4"&gt;Item 4&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  
  $(document).ready(function()
      {
    $("#submit_prog").click(
        function()            
            {                    
              $.ajax(
               {
                type: "POST",
                url: "sort2.php",                            
  
               });    
           });
       });
  </code></pre>