just another inlet to tributary

inlet.js

var Baushaus = function(){
	this.svg = g;
}

Baushaus.prototype.mergeOptions = function(element, options){ for(option in options){ element.attr(option,options[option]); } };     
Baushaus.prototype.circle = function(r,x,y,options){ 
  var elem = this.svg.append('circle').attr('r',r);
  elem.attr('cx',x)
  elem.attr('cy',y)  
  if(options) this.mergeOptions(elem,options);
  return elem;  
};
Baushaus.prototype.rect   = function(w,h,options){ return this.svg.append('rect').attr('width',w).attr('height',h) };
Baushaus.prototype.square = function(s,options){   return this.svg.append('rect').attr('width',s).attr('height',s)};

var b = new Baushaus();

b.circle(54,167,147)
b.circle(113,374,147)  
  
  var fo = g.append("foreignObject")
    .attr("width", 100)
    .attr("height", 14)
   .append("xhtml:body")	
   fo.append('input').attr('id','content')
 
g.append('rect')
  .attr('width',49)
    .attr('height',55)
  .attr('fill','red')
  .on('click',function(){
    console.log($('#content').html(),'Log')
  })