title: Can't validate TinyMCE in asp mvc
body: <p>I have a form that use unobtrusive validation. Recently I have changed text area to use tiny mce and now validation doesn't work.<br/>
  I have tried to use solution from <a href="https://stackoverflow.com/questions/10858591/unable-to-get-tinymce-working-with-jquery-unobtrusive-validation">here</a> but nothing happens.<br/></p>
  
  <pre><code>$('#form input[type=submit]').click(function () {
  </code></pre>
  
  <p>Never executes.
   Here what I have:<br/></p>
  
  <pre><code>@using (Html.BeginForm("Create", "UserAd", FormMethod.Post))
  {
  ...
  @Html.TextAreaFor(x =&gt; x.Description, new { id = "description" })        
  ...
  &lt;input type="submit" value="Create"/&gt;
  ...
  </code></pre>
  
  <p>This is JS code:</p>
  
  <pre><code>$(document).ready(function () {
  
          tinyMCE.init({
              mode: "textareas",
              theme: "advanced",
              skin: "o2k7",
              height: "250",
              plugins: "autolink,lists,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",
  
  
              theme_advanced_buttons1: "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,bullist,numlist",
              theme_advanced_buttons2: "",
              theme_advanced_buttons3: "",
              theme_advanced_buttons4: "",
              theme_advanced_toolbar_location: "top",
              theme_advanced_toolbar_align: "left",
              theme_advanced_resizing: false
          });
  
          function toggleEditor(id) {
              if (!tinyMCE.get(id)) {
                  tinyMCE.execCommand('mceAddControl', false, id);
              }
              else {
                  tinyMCE.execCommand('mceRemoveControl', false, id);
              }
          }
  
  
          // new
          $(function () {
              var tinymce = $('#Description');
  
              tinymce.tinymce({
                  setup: function (e) {
                      e.onInit.add(function () {
                          tinymce.css({
                              position: 'absolute',
                              height: 0,
                              width: 0,
                              top: -100
                          }).show();
                      });
                  }
              });
  
              $('#form input[type=submit]').click(function () {
                  alert('ss');
                  tinyMCE.triggerSave();
              });
          });
          // makes form field highlighting work with bootstrap's css
          $.validator.setDefaults({
              highlight: function (element, errorClass, validClass) {
                  $(element).closest('.control-group').addClass('error');
              },
              unhighlight: function (element, errorClass, validClass) {
                  $(element).closest('.control-group').removeClass('error');
              }
  
          });
          $(function () {
              // makes form field highlighting work with bootstrap's css on post backs
              $('.input-validation-error').each(function (i, element) {
                  $(element).closest('.control-group').not('.error').addClass('error');
              });
          });
  </code></pre>