Problem with dynamic creation of HtmlDataTable

Hi guys,
I'm a JSF noob so please bear with me..

I create a HtmlDataTable dynamically in the constructor of the managed bean.. I then bind it to the JSP with a tag.. everything works fine till the page is rendered.. I can see my table with the values.. but as soon as I press the submit() button the post back removes all my table's values and I just see and empty table tag in the html that is rendered back..

MainBean.java

public class MainBean {
	private static final Logger logger = Logger.getLogger(MainBean.class);
	private HtmlDataTable table;

private String wow = "wow";

public String getWow() {
		return wow;
	}

public void setWow(String wow) {
		this.wow = wow;
	}

private class Data {
		private String s1;
		private String s2;
		private String s3;

public Data(String s1, String s2, String s3) {
			this.s1 = s1;
			this.s2 = s2;
			this.s3 = s3;
		}

public String getS1() {
			return s1;
		}

public void setS1(String s1) {
			this.s1 = s1;
		}

public String getS2() {
			return s2;
		}

public void setS2(String s2) {
			this.s2 = s2;
		}

public String getS3() {
			return s3;
		}

public void setS3(String s3) {
			this.s3 = s3;
		}

}

public MainBean() {
		logger.debug(FacesContext.getCurrentInstance().getCurrentPhaseId());
		table = createTable();
	}

public HtmlDataTable getTable() {
		logger.debug(FacesContext.getCurrentInstance().getCurrentPhaseId());
		return table;
	}

public void setTable(HtmlDataTable table) {
		logger.debug(FacesContext.getCurrentInstance().getCurrentPhaseId());
	}

private HtmlDataTable createTable() {
		FacesContext context = FacesContext.getCurrentInstance();
		HtmlDataTable table = new HtmlDataTable();

HtmlColumn c = new HtmlColumn();
		c.setId("c1");
		HtmlInputText t = new HtmlInputText();
		t.setId("t1");
		t.setValueExpression("value", getValExp("#{mainBean.wow}"));
		c.getChildren().add(t);
		table.getChildren().add(c);

c = new HtmlColumn();
		c.setId("c2");
		t = new HtmlInputText();
		t.setId("t2");
		t.setValueExpression("value", getValExp("#{mainBean.wow}"));
		c.getChildren().add(t);
		table.getChildren().add(c);

c = new HtmlColumn();
		c.setId("c3");
		t = new HtmlInputText();
		t.setId("t3");
		t.setValueExpression("value", getValExp("#{mainBean.wow}"));
		c.getChildren().add(t);
		table.getChildren().add(c);

List data = new ArrayList<MainBean.Data>();
		data = new ArrayList();
		data.add(this.new Data("1", "2", "3"));
		data.add(this.new Data("4", "5", "6"));
		data.add(this.new Data("7", "8", "9"));
		data.add(this.new Data("10", "11", "12"));

ListDataModel<MainBean.Data> model = new ListDataModel<MainBean.Data>(data);
		table.setValue(model);

return table;
	}

public void submit(ActionEvent e) {
		logger.debug(FacesContext.getCurrentInstance().getCurrentPhaseId());
	}

private ValueExpression getValExp(String ex) {
		FacesContext fContext = FacesContext.getCurrentInstance();
		Application app = fContext.getApplication();
		ExpressionFactory fact = app.getExpressionFactory();
		ELContext elContext = fContext.getELContext();
		ValueExpression exp = fact.createValueExpression(elContext, ex, String.class);
		return exp;
	}
}

Main.jsp

faces-config.xml

<?xml version="1.0" encoding="UTF-8"?>
<faces-config xmlns="http://java.sun.com/xml/ns/javaee"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_2_0.xsd"
	version="2.0">
	<application>
		<resource-bundle>
			<base-name>ptier.resources.messages</base-name>
			<var>bundle</var>
		</resource-bundle>
		<locale-config>
			<default-locale>en_US</default-locale>
			<supported-locale>en_GB</supported-locale>
			<supported-locale>fr</supported-locale>
		</locale-config>
	</application>

<managed-bean>
		<managed-bean-name>mainBean</managed-bean-name>
		<managed-bean-class>ptier.jsfbeans.MainBean</managed-bean-class>
		<managed-bean-scope>session</managed-bean-scope>
	</managed-bean>

<navigation-rule>
		<from-view-id>/pages/main.jsp</from-view-id>
		<navigation-case>
			<from-outcome>success</from-outcome>
			<to-view-id>/pages/main.jsp</to-view-id>
		</navigation-case>
	</navigation-rule>
</faces-config>

On the first hit the page gets rendered with the table showing up clearly.. but as soon as I press the submit button the post removes all the values and the state gets lost.. I don't do anything in the submit button and the scope of my bean in "session".. shouldn't the state be preserved and the table re-rendered with the values ??