title: Change a variable number for any class
body: <p>I have a view classes ".st1, .st2, .st3, ..." and if I hover them I need to display the classes ".og1, .og2, .og3, ...". Right now only the first class ".st1" is working. How can I change the code that "count" is changing its number for "oG" too? </p>
  
  <pre><code>var sT = ".st",
      oG = ".og",
      count = Number();
  
  $(sT + count).on("mouseover", function() {
      $(oG + count).show();
  }).on("mouseleave", function() {
      $(oG + count).hide();
  });    
  </code></pre>