エラー：Unexpected identifierと何故出るかわからないです。

Question

前提・実現したいこと

jQueryで
「#typo要素にマウスオーバーしたら文字色と背景色を変更する。」
「#typo要素にマウスアウトしたら元の色に戻す。」
という処理。

発生している問題・エラーメッセージ

Uncaught SyntaxError: Unexpected identifier

該当のソースコード

$(function(){
  $('#typo').on('mouseover', function(){
    $('#typo').css({
      color :'#ebc000'
      backgroundColor: ' #ae5e9b '
    });
  });
  $('#typo').on('mouseout', function(){
    $('#typo').css({
      color : ' '
      backgroundColor : ' '
    });
  });
});

<div id="typo">
  <div class="inner">Creative jQuery</div>
</div>

試したこと

インデントの調整と「;」の確認をしました。

補足情報（FW/ツールのバージョンなど）

jQuery1.10.2
ここにより詳細な情報を記載してください。

Comments

[m.ts10806]

JavaScriptでHTMLの操作をする場合はHTMLもご提示ください（要件によりCSSも）。
コピペでそのまま再現できるものを提示されたほうが的確な回答が得やすくなります。

[breakthrough]

アドバイスありがとうございます。次から気を付けます。

[m.ts10806]

質問は編集できますので。

[breakthrough]

了解です。編集させていただきました。

Answer 1

, がないことがエラーの原因であるということは
Consoleの右に示されている箇所を確認すればわかるので、
今後はこちらを確認したほうが良いです。
(添付画像の例だとindex.htmlの17行目あたりにエラー箇所ありという意味)

Comments

[breakthrough]

初歩的な質問に丁寧にご回答ありがとうございます。次からはブラウザのConsoleを確認してみます。

Answer 2

$(function(){
  $('#typo').on('mouseover', function(){
    $('#typo').css({
      color :'#ebc000',
      backgroundColor: ' #ae5e9b '
    });
  });
  $('#typo').on('mouseout', function(){
    $('#typo').css({
      color : ' ',
      backgroundColor : ' '
    });
  });
});

CodePen
,がないです。

Comments

[breakthrough]

簡潔にありがとうございます。解決しました。