title: Change CSS class name dynamically
body: <p>I need to change the CSS class name of all the elements in a page with a particular class name (.k-textbox). I tried the below code but it does not hit inside the .each() function</p>
  
  <pre><code>&lt;script&gt;
      $(document).ready(function () {    
          $(".k-textbox").each(function () {
              //alert("a");
              $(this).removeClass("k-textbox");
              $(this).addClass("input-medium");
          });
      });
      &lt;/script&gt; 
  </code></pre>
  
  <p>In the page i have a 3rd party grid control. the CSS class i have mentioned is inside that third party grid control.</p>
  
  <p>below is the DOM object:</p>
  
  <p><img src="https://i.stack.imgur.com/zqXbJ.jpg" alt="enter image description here"></p>