создание своего тэга <calculator> в html используя javascipt

$(document).ready(function() { 
  $('calculator').show(function() { 
    myCalc.init(this); 
 
  }) 
}); 
 
var myCalc = new Object(); 
myCalc.params = { 
  'a': 1, 
  'b': 2 
}; 
myCalc.init = function(container) { 
  layout = "<div id='calc'><input type='text' id='in'><br>"; 
  layout += "<span id='out'><br>"; 
  layout += "<button id='plus'>+</button>&nbsp;<button id='minus'>-</button>&nbsp;<button id='eq'>=</button></div>"; 
  $(container).append(layout); 
}

calculator { 
  display: block; 
  width: 200px; 
  height: 100px; 
  padding: 10px; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<calculator> 
  my calc 
</calculator>