title: unknown top level operator: $eq
body: <p>Sample of my database:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>{
    name: 'The Perks of Being a Wallflower'
    genres: ['Drama', 'Romance']
    rating: 8
  }, 
  {
    name: 'The Edge of Seventeen'
    genres: ['Drama', 'Comedy']
    rating: 7.3
  },
  {
    name: 'Little Women',
    genres: ['Drama', 'Romance']
    rating: 7.8
  }</code></pre>
  </div>
  </div>
  </p>
  <p>I want to project the first element of the genres array if it's <code>Comedy</code> <em>or</em> <code>Romance</code>.<br />
  I tried this :</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>db.shows.find(
    {},
    { genres: { $elemMatch: { $or: [{ $eq: 'Drama' }, {$eq: 'Comedy'}] } } }
  );</code></pre>
  </div>
  </div>
  </p>
  <p>But it gives me this error &quot;unknown top level operator: $eq&quot;.</p>