title: jquery silky smooth marquee, pause it only when hover takes place on the anchor , not on the div
body: <p>I am using <a href="http://remysharp.com/2008/09/10/the-silky-smooth-marquee/" rel="nofollow noreferrer">this</a>  jquery plugin namely 'The Silky Smooth Marquee'for creating a marquee.</p>
  <p>HTML</p>
  <pre><code>&lt;div class=&quot;news_marquee&quot;&gt;
  
  &lt;a href=&quot;1.php&quot;&gt;aaaaa&lt;/a&gt;  &lt;a href=&quot;2.php&quot;&gt;bbbb&lt;/a&gt;  &lt;a href=&quot;3.php&quot;&gt;ccc&lt;/a&gt;
  
  &lt;/div&gt;
  </code></pre>
  <p>Javascript snippet:</p>
  <pre><code>$('.news_marquee').marquee().mouseover(function () {
    $(this).trigger('stop');
  }).mouseout(function () {
    $(this).trigger('start');
  });
  </code></pre>
  <p>As a result , placing the cursor on the marquee <code>div</code> pauses it, but I want to pause  it only when the cursor is on the <code>a</code> tag inside the <code>news_marque</code> class;</p>
  <p>I tried with the following code</p>
  <pre><code>    $('.news_marquee').marquee();
      $('.news_marquee a').mouseover(function () {
      $('.news_marquee').trigger('stop');
      }).mouseout(function () {
      $('.news_marquee').trigger('start');
      });
  </code></pre>
  <p>but that does not work.</p>
  <p>How to achieve what I desire ?</p>
  <p><strong>EDIT:</strong> When the left to right marquee starts , then it takes time for the marquee to reach the left end and during that time if mouse is placed on the blank space next to the left end , the marquee is paused but I want to pause it only when the mouse is on the <code>a</code> tag i.e. placing cursor on the blank space should not pause it.</p>