Form submit fix + default styles

assets/css/src/public.styl

@@ -1,3 +0,0 @@
-@import 'nib'
-
-@require 'common'

assets/js/src/public.js

@@ -29,7 +29,8 @@ define('public', ['mailpoet', 'jquery', 'jquery-validation'],
 
     $(function() {
       // setup form validation
-      $('form.mailpoet_form').validate({
+      $('form.mailpoet_form').each(function() {
+        $(this).validate({
           submitHandler: function(form) {
             var data = $(form).serializeArray() || {};
 
@@ -82,5 +83,6 @@ define('public', ['mailpoet', 'jquery', 'jquery-validation'],
           }
         });
       });
+    });
   }
 );

lib/Form/Widget.php

@@ -65,6 +65,9 @@ class Widget extends \WP_Widget {
       $this->id_base
     );
 
+    $form_id = $this->id_base.'_'.$this->number;
+    $form_type = 'widget';
+
     $output = '';
 
     // before widget
@@ -73,12 +76,14 @@ class Widget extends \WP_Widget {
     // title
     $output .= $before_title.$title.$after_title;
 
-    // form
+    // container
-    $form_id = $this->id_base.'_'.$this->number;
-    $form_type = 'widget';
-
     $output .= '<div class="mailpoet_form mailpoet_form_'.$form_type.'">';
 
+    // styles
+    $styles = '.mailpoet_validate_success { color:#468847; }';
+    $styles .= '.mailpoet_validate_error { color:#B94A48; }';
+    $output .= '<style type="text/css">'.$styles.'</style>';
+
     $output .= '<form '.
       'id="'.$form_id.'" '.
       'method="post" '.