title: Change border-bottom and border-top color on refresh
body: <p>I would like to change the border-bottom and border-top of a page i'm working on.</p>
  
  <p>This is my CSS:</p>
  
  <pre><code>.section-title {
      overflow: hidden;
      margin: 0 0 30px 0;
      padding: 20px 0;
      border-bottom: 1px solid #000;
  border-top:1px solid #000;
  }
  </code></pre>
  
  <p>And this is my script:</p>
  
  <pre><code>     $(document).ready(function () {
    $('section-title').each(function() {
       var col = 'rgb('+ (Math.floor(Math.random()*256)) +',' + (Math.floor(Math.random()*256)) + ','+(Math.floor(Math.random()*256))+')';
       $(this).css('color', col);
      }); });
  </code></pre>
  
  <p>What am i doing wrong, or what should i do to make this work? To get an idea ; <a href="http://www.mirlaklijn.nl/wp-new" rel="nofollow">http://www.mirlaklijn.nl/wp-new</a> this is the website. the two 1 pixel borders above and below the title are what i would like to change randomly like the links do.</p>
  
  <p>Many many thanks been thinking and trying for hours!</p>