Fixes sibling placement issue with politespace proxy.

demo/demo.html

@@ -84,6 +84,12 @@
 			Default <code>input[type=number]</code> with <code>maxlength="7"</code>.
 			<input type="number" data-politespace maxlength="7" value="123456">
 		</label>
+		<label>
+			Default <code>input[type=number]</code> with <code>maxlength="7"</code> and a <code>placeholder</code>.
+			<p>This should be before the form element</p>
+			<input type="number" data-politespace maxlength="7" placeholder="00000">
+			<p>This should be after the form element</p>
+		</label>
 		<label>
 			Default textarea
 			<textarea data-politespace></textarea>

src/politespace-test.js

@@ -97,6 +97,8 @@
 	test( "Input and blur updates proxy", function() {
 		$( this.pspace.element ).val( "12345678" ).trigger( "input" );
 		equal( $( this.pspace.element ).val(), "12345678" );
+		ok( $( this.pspace.element ).prev().is( ".politespace-proxy-val" ), "Proxy value exists." );
+		ok( $( this.pspace.element ).parent().is( ".politespace-proxy" ), "Proxy exists." );
 		equal( $( this.pspace.element ).prev().html(), "123 456 78" );
 	});
 

src/politespace.js

@@ -133,17 +133,23 @@
 		}
 
 		var $el = $( "<div>" ).addClass( "politespace-proxy active" );
+		var $nextSibling = this.$proxyAnchor.next();
 		var $parent = this.$proxyAnchor.parent();
 
-		this.$proxy = $( "<div>" ).css({
+		this.$proxy = $( "<div>" ).addClass( "politespace-proxy-val" ).css({
 			font: this.$element.css( "font" ),
 			"padding-left": sumStyles( this.element, [ "padding-left", "border-left-width" ] ) + "px",
 			"padding-right": sumStyles( this.element, [ "padding-right", "border-right-width" ] ) + "px",
 			top: sumStyles( this.element, [ "padding-top", "border-top-width", "margin-top" ] ) + "px"
 		});
 		$el.append( this.$proxy );
 		$el.append( this.$proxyAnchor );
-		$parent.append( $el );
+
+		if( $nextSibling.length ) {
+			$el.insertBefore( $nextSibling );
+		} else {
+			$parent.append( $el );
+		}
 
 		this.updateProxy();
 	};